- minor styling adjustments

Author: TobiasMue91

tools/speed_reading_trainer.html

@@ -259,7 +259,7 @@
         }
 
         #text-input {
-            width: calc(100% - 30px);
+            width: calc(100% - 2rem);
             min-height: 150px;
             padding: 1rem;
             border: 1px solid #cbd5e0;
@@ -303,7 +303,7 @@
         }
 
         #progress-chart-container {
-            width: 100%;
+            width: calc(100% - 2rem);
             height: 280px;
             margin-top: 1.5rem;
             padding: 1rem;
@@ -421,7 +421,7 @@
         input[type="range"] {
             height: 8px;
             -webkit-appearance: none;
-            width: calc(100% - 30px);
+            width: calc(100% - 2rem);
             border-radius: 8px;
             background: #e2e8f0;
             outline: none;
@@ -550,6 +550,10 @@
         }
 
         /* New styles for improved UI */
+        #intro-section {
+            margin-top: 2rem;
+        }
+
         .panel.primary-panel {
             border-left: 4px solid #4a6fa5;
         }