Update client/src/index.css

client/src/index.css

@@ -11,7 +11,6 @@ body {
   color: white;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   overflow-x: hidden;
-  /* Ensure content doesn't get stuck under phone notches */
   padding-top: env(safe-area-inset-top); 
   
   /* LIQUID ANIMATION */
@@ -42,9 +41,9 @@ body {
   backdrop-filter: blur(16px);
   border: 1px solid var(--glass-border);
   border-radius: 9999px;
-  padding: 8px 12px; /* Slightly tighter padding */
+  padding: 8px 12px;
   color: white;
-  font-size: 13px; /* Slightly smaller font for professional look */
+  font-size: 13px;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.2s ease;
@@ -71,7 +70,7 @@ body {
   overflow: hidden;
   width: 32px;
   white-space: nowrap;
-  flex-shrink: 0; /* Prevents it from getting squashed */
+  flex-shrink: 0;
 }
 
 .logo-expand-container:hover {
@@ -110,7 +109,8 @@ textarea:focus { background: rgba(0, 0, 0, 0.5); border-color: rgba(255,255,255,
   position: fixed; bottom: 160px; left: 20px; right: 20px;
   background: rgba(40, 0, 20, 0.9); backdrop-filter: blur(20px);
   border: 1px solid var(--glass-border); border-radius: 16px;
-  padding: 15px; z-index: 100; display: flex; align-items: center; justifyContent: space-between;
+  padding: 15px; z-index: 100; 
+  display: flex; align-items: center; justify-content: space-between; /* FIXED HERE */
   animation: slideUp 0.5s ease-out;
 }
 @keyframes slideUp { from { transform: translateY(50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }