generic ui improvements

static/styles/base.css

@@ -271,8 +271,8 @@ input[type="checkbox"] {
 }
 
 select, input[type="text"] {
-  /* max-width: 402px; */
   width: 100%;
+  box-sizing: border-box;
   padding: 12px 6px 12px 6px;
   border: 1px solid #ddd;
   border-radius: 8px;

static/styles/components/feedback.css

@@ -179,10 +179,6 @@
     opacity: 1; /* Always show on mobile */
   }
   
-  .feedback-modal .button-group {
-    flex-direction: column;
-  }
-  
   .feedback-modal .button-group button {
     width: 100%;
   }

static/styles/components/settings.css

@@ -37,7 +37,7 @@
   font-weight: 600;
   cursor: pointer;
   transition: all 0.2s ease;
-  min-width: 60px;
+  min-width: 80px;
 }
 
 .font-size-btn:hover {
@@ -50,3 +50,11 @@
 .font-size-btn:active {
   transform: translateY(0);
 }
+
+
+/* Responsive */
+@media (max-width: 768px) {
+  .font-size-container {
+    justify-content: center;
+  }
+}