Definitionen erweitert, um die Gestaltung besser zu ermöglichen.

ui/src/components/Nav.svelte

@@ -1,11 +1,11 @@
 <!--suppress HtmlUnknownTarget -->
 <nav>
 	<ul>
-		<li><a class="{ isActive('home') }" href="/">Home</a></li>
-		<li><a class="{ isActive('weekly') }" href="/views/weekly">Wochenansicht</a></li>
-		<li><a class="{ isActive('monthly') }" href="/views/monthly">Monatsansicht</a></li>
-		<li><a class="{ isActive('yearly') }" href="/views/yearly">Jahresansicht</a></li>
-		<li><a class="{ isActive('working-hours') }" href="/working-hours">Einträge</a></li>
+		<li class="{ isActive('home') }"><a href="/">Home</a></li>
+		<li class="{ isActive('weekly') }"><a href="/views/weekly">Wochenansicht</a></li>
+		<li class="{ isActive('monthly') }"><a href="/views/monthly">Monatsansicht</a></li>
+		<li class="{ isActive('yearly') }"><a href="/views/yearly">Jahresansicht</a></li>
+		<li class="{ isActive('working-hours') }"><a href="/working-hours">Einträge</a></li>
 	</ul>
 </nav>
 

ui/src/routes/Views.svelte

@@ -16,6 +16,12 @@
             <p>Loading...</p>
         {:else}
             <table>
+                <colgroup>
+                    <col />
+                    <col />
+                    <col />
+                    <col />
+                </colgroup>
                 <thead>
                 <tr>
                     <th>Zeitraum</th>

ui/src/routes/WorkingHours.svelte

@@ -153,6 +153,11 @@
                     </fieldset>
                 </form>
                 <table>
+                    <colgroup>
+                        <col />
+                        <col />
+                        <col />
+                    </colgroup>
                     <thead>
                     <tr>
                         <th>Datum</th>
@@ -201,7 +206,7 @@
                     <button on:click={Controller.saveRecord} type="button">Übernehmen
                         <IconifyIcon icon={checkIcon} color="green"/>
                     </button>
-                    <button on:click={Controller.cancelActiveRecord} type="button">Abbrechen
+                    <button on:click={Controller.cancelActiveRecord} type="button" class="sub-button">Abbrechen
                         <IconifyIcon icon={xIcon}/>
                     </button>
                 </fieldset>