From 1b4983a06fd9bb42e0272e968d5fe697844da0e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torsten=20L=C3=BCcke?= <privat@torsten-hettstedt.de>
Date: Wed, 14 Apr 2021 14:11:20 +0200
Subject: [PATCH] =?UTF-8?q?Definitionen=20erweitert,=20um=20die=20Gestaltu?=
 =?UTF-8?q?ng=20besser=20zu=20erm=C3=B6glichen.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/Nav.svelte      | 10 +++++-----
 ui/src/routes/Views.svelte        |  6 ++++++
 ui/src/routes/WorkingHours.svelte |  7 ++++++-
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/Nav.svelte b/ui/src/components/Nav.svelte
index 9819453..a8fad56 100644
--- a/ui/src/components/Nav.svelte
+++ b/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>
 
diff --git a/ui/src/routes/Views.svelte b/ui/src/routes/Views.svelte
index 8c7ee11..5401f0b 100644
--- a/ui/src/routes/Views.svelte
+++ b/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>
diff --git a/ui/src/routes/WorkingHours.svelte b/ui/src/routes/WorkingHours.svelte
index 7ce8567..15b7682 100644
--- a/ui/src/routes/WorkingHours.svelte
+++ b/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>