Alphabetize css

google-gemini · Dec 12, 2023 · dbe9111 · dbe9111
1 parent 742e38c
commit dbe9111
Showing 1 changed file with 16 additions and 16 deletions.
diff --git 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,27 +50,27 @@ body {
 .container,
 header,
 .form-container {
-  max-width: 700px;
   margin: 0 auto;
+  max-width: 700px;
 }
 
 .form-container {
   border-bottom: 2px solid rgb(127, 127, 127, 0.5);
 }
 
 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,22 +80,22 @@ img.thumb {
 }
 
 #prompt {
-  width: 100%;
-  padding: 2px;
   margin: 4px;
+  padding: 2px;
+  width: 100%;
 }
 
 button {
   padding: 2px 16px;
 }
 
 .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 {