From 7d4c7fe5f3127fa549b7771154eb738461841e11 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 30 Aug 2019 17:35:14 +0100
Subject: [PATCH] Update tailwindcss and styling

---
 vuejs/package.json                            |  2 +-
 vuejs/src/assets/css/tailwind.css             |  2 +-
 vuejs/src/components/AcceptedSessionsList.vue |  8 ++++----
 vuejs/src/components/SessionFormMessage.vue   |  4 ++--
 vuejs/tailwind.config.js                      |  9 +++++++++
 vuejs/yarn.lock                               | 17 +++++++++++++----
 6 files changed, 30 insertions(+), 12 deletions(-)
 create mode 100644 vuejs/tailwind.config.js

diff --git a/vuejs/package.json b/vuejs/package.json
index d2e8985..9b8da7d 100644
--- a/vuejs/package.json
+++ b/vuejs/package.json
@@ -13,7 +13,7 @@
     "core-js": "^2.6.5",
     "postcss-nested": "^4.1.2",
     "qs": "^6.8.0",
-    "tailwindcss": "^1.0.1",
+    "tailwindcss": "^1.1.2",
     "vue": "^2.6.10",
     "vue-router": "^3.0.3"
   },
diff --git a/vuejs/src/assets/css/tailwind.css b/vuejs/src/assets/css/tailwind.css
index 9382b27..00c4b7a 100644
--- a/vuejs/src/assets/css/tailwind.css
+++ b/vuejs/src/assets/css/tailwind.css
@@ -7,7 +7,7 @@ h2 {
 
 input,
 textarea {
-  @apply w-full border border-gray-400 p-2 mt-1
+  @apply mt-1 p-2 w-full border border-gray-400
 }
 
 input[type=submit] {
diff --git a/vuejs/src/components/AcceptedSessionsList.vue b/vuejs/src/components/AcceptedSessionsList.vue
index e5917d4..5ca8415 100644
--- a/vuejs/src/components/AcceptedSessionsList.vue
+++ b/vuejs/src/components/AcceptedSessionsList.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
-    <h1 class="text-4xl mb-2">Sessions</h1>
+    <h1 class="text-4xl">Sessions</h1>
 
-    <div v-if="sessions.length" class="bg-white p-6 rounded-lg border">
-      <ul class="-mb-3">
-        <li v-for="{ attributes } in sortedSessions" :key="attributes.drupal_internal__nid" class="mb-3">
+    <div v-if="sessions.length" class="mt-2 p-6 bg-white rounded-lg border">
+      <ul>
+        <li v-for="{ attributes } in sortedSessions" :key="attributes.drupal_internal__nid" class="mt-3 first:mt-0">
           {{ attributes.title }}
         </li>
       </ul>
diff --git a/vuejs/src/components/SessionFormMessage.vue b/vuejs/src/components/SessionFormMessage.vue
index efd816a..b940ad0 100644
--- a/vuejs/src/components/SessionFormMessage.vue
+++ b/vuejs/src/components/SessionFormMessage.vue
@@ -1,6 +1,6 @@
 <template>
-  <div v-if="messages.length" class="border p-4 mb-6">
-    <ul class="list-disc list-inside ml-3">
+  <div v-if="messages.length" class="mb-6 p-4 border">
+    <ul class="ml-3 list-disc list-inside">
       <li v-for="message in messages" :key="message">{{ message }}</li>
     </ul>
   </div>
diff --git a/vuejs/tailwind.config.js b/vuejs/tailwind.config.js
new file mode 100644
index 0000000..52232ab
--- /dev/null
+++ b/vuejs/tailwind.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+  theme: {
+    extend: {}
+  },
+  variants: {
+    margin: ['responsive', 'first', 'last'],
+  },
+  plugins: []
+}
diff --git a/vuejs/yarn.lock b/vuejs/yarn.lock
index 88c8495..ddc6673 100644
--- a/vuejs/yarn.lock
+++ b/vuejs/yarn.lock
@@ -7947,6 +7947,14 @@ realpath-native@^1.0.0:
   dependencies:
     util.promisify "^1.0.0"
 
+reduce-css-calc@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-2.1.6.tgz#050fe6ee7d98a1d70775d2e93ce0b713cee394d2"
+  integrity sha512-+l5/qlQmdsbM9h6JerJ/y5vR5Ci0k93aszLNpCmbadC3nBcbRGmIBm0s9Nj59i22LvCjTGftWzdQRwdknayxhw==
+  dependencies:
+    css-unit-converter "^1.1.1"
+    postcss-value-parser "^3.3.0"
+
 regenerate-unicode-properties@^8.0.2:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz#ef51e0f0ea4ad424b77bf7cb41f3e015c70a3f0e"
@@ -8995,10 +9003,10 @@ table@^5.2.3:
     slice-ansi "^2.1.0"
     string-width "^3.0.0"
 
-tailwindcss@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.0.1.tgz#3116e989c64540f1c11214e8b4c08b6aea548be5"
-  integrity sha512-tNyvmizhIY9ydXX8m84S/69851QROZzbH6RB/Q4w0K27OssupGcyXeD8zumzb9Yuzq6PifBH2A6ehjuBPklnYA==
+tailwindcss@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.1.2.tgz#0107dc092c3edee6132b105d896b109c0f66afd6"
+  integrity sha512-mcTzZHXMipnQY9haB17baNJmBTkYYcC8ljfMdB9/97FfhKJIzlglJcyGythuQTOu7r/QIbLfZYYWZhAvaGj95A==
   dependencies:
     autoprefixer "^9.4.5"
     bytes "^3.0.0"
@@ -9013,6 +9021,7 @@ tailwindcss@^1.0.1:
     postcss-nested "^4.1.1"
     postcss-selector-parser "^6.0.0"
     pretty-hrtime "^1.0.3"
+    reduce-css-calc "^2.1.6"
 
 tapable@^1.0.0, tapable@^1.1.0:
   version "1.1.3"