CSS tweaks

Author: simonw

pomodoro.html

@@ -20,6 +20,7 @@
             border-radius: 10px;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
             margin-bottom: 2rem;
+            box-sizing: border-box;
         }
         #timer {
             font-size: 4rem;
@@ -51,16 +52,24 @@
         select {
             background-color: #3498db;
             color: white;
+            -webkit-appearance: none;
+            padding: 0.5rem 1rem;
+            margin: 0.5rem;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            transition: background-color 0.3s;
         }
         select:hover {
             background-color: #2980b9;
         }
         #goalInput {
-            width: 100%;
+            width: calc(100% - 1.5em);
             padding: 0.5rem;
             margin-bottom: 1rem;
             border: 1px solid #ccc;
             border-radius: 5px;
+            box-sizing: border-box;
         }
         #sessionLog {
             width: 100%;