Remove time tile

gui/dashboard/app.svelte

@@ -6,7 +6,7 @@
   import { settings, shuffle, ringBell } from './lib';
 
   const [ send, receive ] = shuffle;
-  let size = ($settings.cols || 4) * ($settings.rows || 3) - 1;
+  let size = ($settings.cols || 4) * ($settings.rows || 3);
   let pageNum = -1;
   let tiles = [];
   let time = '';
@@ -139,8 +139,6 @@
 >
   <div class="ratio">
     <div class="tiles">
-      <TileRawValue value={time} center weight={200} />
-
       {#each tiles as tile (tile.id)}
         <div
           in:receive={{ key: tile.id }}

gui/dashboard/tile-rawvalue.svelte

@@ -7,11 +7,10 @@
   export let value;
   export let date;
   export let since;
-  export let center = false;
   export let weight = 600;
 </script>
 
-<Tile {title} {subtitle} {color} {date} {since} {center}>
+<Tile {title} {subtitle} {color} {date} {since}>
   <div class="value {color}" style:font-weight={weight}>
     {value}
   </div>

gui/dashboard/tile.svelte

@@ -7,7 +7,6 @@
   export let color;
   export let date;
   export let since;
-  export let center = false;
 
   let formattedDuration = '';
   $: formattedDate = date ? date.toLocaleTimeString('en-GB', {
@@ -29,7 +28,7 @@
   });
 </script>
 
-<div class="tile {color}" class:center>
+<div class="tile {color}">
   {#if title || subtitle}
     <div class="desc">
       {#if title}
@@ -42,7 +41,7 @@
     </div>
   {/if}
 
-  <div class="bottom" class:center>
+  <div class="bottom">
     <div class="content"><slot /></div>
     {#if date || since}
       <div class="time">
@@ -84,11 +83,6 @@
     color: var(--grey);
   }
 
-  .tile.center {
-    align-items: center;
-    justify-content: center;
-  }
-
   .desc {
     margin-bottom: 1rem;
   }
@@ -122,13 +116,4 @@
     flex-grow: 1;
     display: flex;
   }
-
-  .bottom.center {
-    margin-top: 0;
-  }
-
-  .bottom.center .content {
-    justify-content: center;
-    align-items: center;
-  }
 </style>