From d84bebbf1641a161439cf299ac3431a2b401df46 Mon Sep 17 00:00:00 2001
From: Stephen Onnen <stephen.onnen@gmail.com>
Date: Tue, 30 Apr 2024 15:51:34 -0500
Subject: [PATCH] css fixes

---
 dist/main.js    |  2 +-
 dist/styles.css | 64 +++++++++++++++----------------------------------
 src/Main.elm    |  2 +-
 3 files changed, 21 insertions(+), 47 deletions(-)

diff --git a/dist/main.js b/dist/main.js
index 9ccdbfb..2012496 100644
--- a/dist/main.js
+++ b/dist/main.js
@@ -6423,7 +6423,7 @@ var $author$project$Main$view = function (model) {
 		$elm$html$Html$div,
 		_List_fromArray(
 			[
-				$elm$html$Html$Attributes$class('flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2')
+				$elm$html$Html$Attributes$class('flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2 leading-tight')
 			]),
 		_List_fromArray(
 			[
diff --git a/dist/styles.css b/dist/styles.css
index 6f22fc1..02bcba2 100644
--- a/dist/styles.css
+++ b/dist/styles.css
@@ -669,9 +669,8 @@ video {
   font-weight: 700;
 }
 
-.text-prime-dark-blue{
-  --tw-text-opacity: 1;
-  color: rgb(121 192 255 / var(--tw-text-opacity));
+.leading-tight{
+  line-height: 1.25;
 }
 
 .text-prime-dark-gray{
@@ -679,24 +678,19 @@ video {
   color: rgb(177 186 196 / var(--tw-text-opacity));
 }
 
-.text-prime-dark-green{
-  --tw-text-opacity: 1;
-  color: rgb(86 211 100 / var(--tw-text-opacity));
-}
-
-.text-prime-dark-purple{
+.text-prime-light-black{
   --tw-text-opacity: 1;
-  color: rgb(210 168 255 / var(--tw-text-opacity));
+  color: rgb(31 35 40 / var(--tw-text-opacity));
 }
 
-.text-prime-dark-yellow{
+.text-prime-light-blue{
   --tw-text-opacity: 1;
-  color: rgb(255 166 86 / var(--tw-text-opacity));
+  color: rgb(3 80 174 / var(--tw-text-opacity));
 }
 
-.text-prime-light-black{
+.text-prime-light-gray{
   --tw-text-opacity: 1;
-  color: rgb(31 35 40 / var(--tw-text-opacity));
+  color: rgb(72 79 88 / var(--tw-text-opacity));
 }
 
 .text-prime-light-purple{
@@ -704,9 +698,9 @@ video {
   color: rgb(130 80 223 / var(--tw-text-opacity));
 }
 
-.text-prime-light-green{
+.text-prime-light-red{
   --tw-text-opacity: 1;
-  color: rgb(27 127 54 / var(--tw-text-opacity));
+  color: rgb(207 33 46 / var(--tw-text-opacity));
 }
 
 .text-prime-light-yellow{
@@ -714,21 +708,6 @@ video {
   color: rgb(149 56 0 / var(--tw-text-opacity));
 }
 
-.text-prime-light-blue{
-  --tw-text-opacity: 1;
-  color: rgb(3 80 174 / var(--tw-text-opacity));
-}
-
-.text-prime-light-gray{
-  --tw-text-opacity: 1;
-  color: rgb(72 79 88 / var(--tw-text-opacity));
-}
-
-.text-prime-light-red{
-  --tw-text-opacity: 1;
-  color: rgb(207 33 46 / var(--tw-text-opacity));
-}
-
 .hover\:text-prime-light-black:hover{
   --tw-text-opacity: 1;
   color: rgb(31 35 40 / var(--tw-text-opacity));
@@ -756,6 +735,11 @@ video {
     background-color: rgb(13 17 23 / var(--tw-bg-opacity));
   }
 
+  .dark\:text-prime-dark-blue{
+    --tw-text-opacity: 1;
+    color: rgb(121 192 255 / var(--tw-text-opacity));
+  }
+
   .dark\:text-prime-dark-gray{
     --tw-text-opacity: 1;
     color: rgb(177 186 196 / var(--tw-text-opacity));
@@ -766,14 +750,14 @@ video {
     color: rgb(210 168 255 / var(--tw-text-opacity));
   }
 
-  .dark\:text-prime-dark-white{
+  .dark\:text-prime-dark-red{
     --tw-text-opacity: 1;
-    color: rgb(230 237 243 / var(--tw-text-opacity));
+    color: rgb(255 123 114 / var(--tw-text-opacity));
   }
 
-  .dark\:text-prime-dark-green{
+  .dark\:text-prime-dark-white{
     --tw-text-opacity: 1;
-    color: rgb(86 211 100 / var(--tw-text-opacity));
+    color: rgb(230 237 243 / var(--tw-text-opacity));
   }
 
   .dark\:text-prime-dark-yellow{
@@ -781,16 +765,6 @@ video {
     color: rgb(255 166 86 / var(--tw-text-opacity));
   }
 
-  .dark\:text-prime-dark-blue{
-    --tw-text-opacity: 1;
-    color: rgb(121 192 255 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-prime-dark-red{
-    --tw-text-opacity: 1;
-    color: rgb(255 123 114 / var(--tw-text-opacity));
-  }
-
   .hover\:dark\:text-prime-dark-white:hover{
     --tw-text-opacity: 1;
     color: rgb(230 237 243 / var(--tw-text-opacity));
diff --git a/src/Main.elm b/src/Main.elm
index 72b95ef..92a6504 100644
--- a/src/Main.elm
+++ b/src/Main.elm
@@ -67,7 +67,7 @@ update msg model =
 view : Model -> Html.Html msg
 view model =
     div
-        [ class "flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2" ]
+        [ class "flex flex-col min-h-screen dark:bg-prime-dark-black bg-prime-light-white p-2 leading-tight" ]
         [ Icon.css
         , prompt_top_row prompt_top_parts
         , lazy2 title model.prompt model.title_text