From 843278faef30c6cd2f13fe6c9e8956f53849c53d Mon Sep 17 00:00:00 2001
From: Ryan Breen <ryan@breen.xyz>
Date: Sun, 5 Feb 2023 23:07:39 -0500
Subject: [PATCH] Some basic tweaks to the mobile UI.

---
 Shared (Extension)/Resources/options.css | 4 ++--
 Shared (Extension)/Resources/popup.html  | 5 +++--
 tailwind.config.js                       | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/Shared (Extension)/Resources/options.css b/Shared (Extension)/Resources/options.css
index 66a7c3b..7d06e0f 100644
--- a/Shared (Extension)/Resources/options.css	
+++ b/Shared (Extension)/Resources/options.css	
@@ -8,7 +8,7 @@
     @apply bg-fuchsia-900 hover:bg-fuchsia-800  active:bg-fuchsia-700 text-fuchsia-200 disabled:bg-gray-200 disabled:text-black;
 
     /* Sizing and padding */
-    @apply rounded-lg p-1 md:p-1.5  md:w-24 min-w-fit text-center;
+    @apply rounded-lg p-1.5 md:w-24 min-w-fit text-center;
   }
 
   .input {
@@ -16,7 +16,7 @@
     @apply bg-fuchsia-200 text-fuchsia-800 disabled:bg-gray-200 disabled:text-black focus:border-fuchsia-800;
 
     /* Sizing and padding */
-    @apply rounded-lg p-1 lg:p-1.5  w-full md:w-64;
+    @apply rounded-lg p-1.5 lg:p-1.5  w-full md:w-64;
   }
 
   .checkbox {
diff --git a/Shared (Extension)/Resources/popup.html b/Shared (Extension)/Resources/popup.html
index 63aefe5..74a26c1 100644
--- a/Shared (Extension)/Resources/popup.html	
+++ b/Shared (Extension)/Resources/popup.html	
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <link rel="stylesheet" href="popup.css">
+    <link rel="stylesheet" href="options.build.css">
     <script defer src="popup.build.js"></script>
 </head>
 
@@ -12,7 +13,7 @@
     <div class="profiles">
         <label for="profile">Active Profile</label>
         <div class="profile-buttons">
-            <select x-model.number="profileIndex" name="profile" id="profile">
+            <select x-model.number="profileIndex" name="profile" id="profile" class="input">
                 <template x-for="(prof, index) in profileNames" :key="index">
                     <option x-text="prof" :value="index"></option>
                 </template>
@@ -30,7 +31,7 @@
     </div>
 
     <div class="help">
-        <button @click="await openOptions()">Settings</button>
+        <button class="button p-1.5" @click="await openOptions()">Settings</button>
     </div>
 
     <div class="disclaimer">
diff --git a/tailwind.config.js b/tailwind.config.js
index 5d2e96b..c15c600 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    content: ['./Shared (Extension)/**/*.{html,js}'],
+    content: ['./Shared*/**/*.{html,js}'],
     theme: {
         extend: {},
     },