fix some stuff

Author: refact0r

src/app.css

@@ -91,3 +91,7 @@ input {
     color: inherit;
     outline: none;
 }
+
+.error {
+    color: var(--txt-err);
+}

src/lib/components/Clock.svelte

@@ -59,7 +59,7 @@
     })
 </script>
 
-<div class="datetime panel">
+<div class="panel">
     <div class="panel-label">datetime</div>
     <div class="clock">
         {currentHrs}<span class="colon">:</span>{currentMin}<span class="colon"
@@ -73,7 +73,7 @@
 </div>
 
 <style>
-    .datetime {
+    .panel {
         flex: 1;
     }
     .clock {

src/lib/components/Links.svelte

@@ -14,7 +14,7 @@
     })
 </script>
 
-<div class="links panel">
+<div class="panel">
     <div class="panel-label">links</div>
     {#each columns as column}
         <div class="column">
@@ -35,7 +35,7 @@
 </div>
 
 <style>
-    .links {
+    .panel {
         display: flex;
     }
     .link {

src/lib/components/Stats.svelte

@@ -91,7 +91,7 @@
     })
 </script>
 
-<div class="stats panel">
+<div class="panel">
     <div class="panel-label">stats</div>
     <div>load <span class="value">{loadTime} ms</span></div>
     <div>ping <span class="value">{latency || '?'} ms</span></div>

src/lib/components/Todoist.svelte

@@ -163,7 +163,7 @@
     })
 </script>
 
-<div class="todoist panel">
+<div class="panel">
     <button
         class="widget-label"
         onclick={() => loadTasks(true)}
@@ -223,6 +223,9 @@
 </div>
 
 <style>
+    .panel {
+        flex: 1;
+    }
     .widget-header {
         display: flex;
         justify-content: space-between;
@@ -232,19 +235,15 @@
         overflow: auto;
         scrollbar-width: none;
     }
-
     .task-due {
         color: var(--txt-3);
     }
-
     .task-project {
         color: var(--txt-3);
     }
-
     .task.completed .task-title {
         text-decoration: line-through;
     }
-
     .overdue-date {
         color: var(--txt-err);
     }

src/lib/components/Weather.svelte

@@ -87,7 +87,7 @@
     })
 </script>
 
-<div class="weather panel">
+<div class="panel">
     <button class="widget-label" onclick={refreshWeather} disabled={loading}>
         {loading ? 'loading...' : 'weather'}
     </button>