Update style.css

Author: Lyellr88

webchat/style.css

@@ -38,7 +38,7 @@ header h1 {
 main {
   max-width: 792px;
   margin: 2.5em auto;
-  margin-left: 300px; 
+  margin-left: 320px; 
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 16px rgba(30,30,50,0.10);
@@ -148,7 +148,7 @@ main {
   padding: 1.2em 1.7em 1.2em 1.5em;
   display: inline-block;
   min-width: 220px;
-  max-width: 320px;
+  max-width: 300px;
   width: auto;
   z-index: 10;
 }
@@ -168,27 +168,6 @@ main {
   word-break: break-word;
 }
 
-/* --- TOKEN COUNTER BUTTON (½-inch above dark-mode toggle) --- */
-#token-counter-btn {
-  position: fixed;
-  /* dark-mode button sits at bottom: 2em, height: 2.5em ⇒
-     add 0.5-inch (~12.7 mm ≈ 48 px) gap above it          */
-  bottom: calc(2em + 2.5em + 0.5in);   /* ≈ 2em + 40px + 48px */
-  right : 2em;
-  width : 2.5em;
-  height: 2.5em;
-  border-radius: 50%;
-  border: none;
-  background: #ffb547;     /* coin color */
-  color: #000;
-  font-size: 1.2em;        /* 🪙 icon size */
-  cursor: pointer;
-  z-index: 101;
-  box-shadow: 0 2px 6px rgba(40,40,60,0.10);
-}
-#token-counter-btn:hover {
-  background: #ffd376;
-
 /* --- DARK MODE --- */
 body.dark-mode {
   background: #181b24;
@@ -249,7 +228,29 @@ body.dark-mode #darkModeToggle {
   color: #fff;
 }
 
-/* --- Responsive improvements (optional) --- */
+/* --- TOKEN COUNTER BUTTON (½-inch above dark-mode toggle) --- */
+#token-counter-btn {
+  position: fixed;
+  /* dark-mode button sits at bottom: 2em, height: 2.5em ⇒
+     add 0.5-inch (~12.7 mm ≈ 48 px) gap above it          */
+  bottom: calc(2em + 2.5em + 0.5in);   /* ≈ 2em + 40px + 48px */
+  right : 2em;
+  width : 2.5em;
+  height: 2.5em;
+  border-radius: 50%;
+  border: none;
+  background: #ffb547;     /* coin color */
+  color: #000;
+  font-size: 1.2em;        /* 🪙 icon size */
+  cursor: pointer;
+  z-index: 101;
+  box-shadow: 0 2px 6px rgba(40,40,60,0.10);
+}
+#token-counter-btn:hover {
+  background: #ffd376;
+  }
+
+/* --- Responsive improvements --- */
 @media (max-width: 900px) {
   #sidebar {
     left: 1em;