bugfixes and some redesign

frontend/src/components/tracker/TimeAdjuster.tsx

@@ -38,16 +38,18 @@ const TimeAdjuster: React.FC<TimeAdjusterProps> = ({ onTimeChange, defaultValue
   };
 
   return (
-    <div className="flex flex-col items-center space-y-2">
-      <input
-        type="datetime-local"
-        value={value}
-        onChange={(e) => setValue(e.target.value)}
-        className="p-3 border rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 text-lg"
-      />
+    <div className="flex flex-col items-center space-y-3 w-full">
+      <div className="relative w-full max-w-[280px]">
+        <input
+          type="datetime-local"
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+          className="w-full p-4 bg-gray-50 border border-gray-200 rounded-2xl shadow-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent text-lg font-medium transition-all outline-none"
+        />
+      </div>
       <button
         onClick={resetToNow}
-        className="text-sm text-blue-600 hover:underline"
+        className="text-sm font-medium text-indigo-600 hover:text-indigo-500 transition-colors"
       >
         Reset to now
       </button>