From dbe9111da7d9f39cb64c97082cc0497d5c9c7508 Mon Sep 17 00:00:00 2001
From: Alex Astrum <alexastrum@gmail.com>
Date: Tue, 12 Dec 2023 14:49:35 -0500
Subject: [PATCH] Alphabetize css

---
 samples/web/utils/main.css | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/samples/web/utils/main.css b/samples/web/utils/main.css
index 56bb493c..336d7e3e 100644
--- a/samples/web/utils/main.css
+++ b/samples/web/utils/main.css
@@ -20,10 +20,10 @@
 }
 
 header {
-  text-align: center;
-  padding: 16px;
-  font-size: 24px;
   border-bottom: 2px solid rgb(127, 127, 127, 0.5);
+  font-size: 24px;
+  padding: 16px;
+  text-align: center;
 }
 
 body {
@@ -33,10 +33,10 @@ body {
 
 .loading::after {
   content: "Loading...";
-  font-style: italic;
   display: block;
-  margin: 16px 0;
   font-size: 80%;
+  font-style: italic;
+  margin: 16px 0;
 }
 
 .loading {
@@ -50,8 +50,8 @@ body {
 .container,
 header,
 .form-container {
-  max-width: 700px;
   margin: 0 auto;
+  max-width: 700px;
 }
 
 .form-container {
@@ -59,18 +59,18 @@ header,
 }
 
 img.thumb {
-  width: 100px;
+  border: 1px solid grey;
+  border-radius: 8px;
   height: 100px;
   margin: 0px 16px 16px 0;
-  border-radius: 8px;
-  border: 1px solid grey;
   padding: 2px;
+  width: 100px;
 }
 
 #form,
 .history-item {
-  display: flex;
   align-items: center;
+  display: flex;
   justify-content: center;
   padding: 16px 0;
 }
@@ -80,9 +80,9 @@ img.thumb {
 }
 
 #prompt {
-  width: 100%;
-  padding: 2px;
   margin: 4px;
+  padding: 2px;
+  width: 100%;
 }
 
 button {
@@ -90,12 +90,12 @@ button {
 }
 
 .name {
-  width: 50px;
-  text-align: right;
+  flex-shrink: 0;
+  font-size: 80%;
   margin: 16px 16px 16px 0;
   opacity: 0.5;
-  font-size: 80%;
-  flex-shrink: 0;
+  text-align: right;
+  width: 50px;
 }
 
 blockquote {