improving gui details

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/routes/project/View.svelte

@@ -128,10 +128,13 @@
 <table class="project">
     <tbody>
         <tr>
-            <th>{t('project')}</th>
+            <th>
+                {t('project')}
+                <button onclick={kanban}>{t('show_kanban')}</button>
+            </th>
             <td class="name">
                 <LineEditor bind:value={project.name} editable={true} onSet={val => update({name:val})} />
-                <button class="symbol" onclick={toggleSettings}></button>
+                <button onclick={toggleSettings}><span class="symbol"></span> {t('settings')}</button>
             </td>
         </tr>
         <tr>
@@ -191,7 +194,6 @@
             <th>
                 {t('tasks')}
                 <button onclick={addTask}>{t('add_task')}</button>
-                <button onclick={kanban}>{t('show_kanban')}</button>
             </th>
             <td class="tasks">
                 {#if tasks}

web/src/main/resources/web/css/default.css

@@ -181,3 +181,15 @@ textarea{
     bottom: 0;
     right: 0;
 }
+
+.project th,
+.task th{
+    text-align: right;
+    padding-right: 10px;
+}
+
+.project th button,
+.task th button{
+    display: block;
+    margin: 5px 0 5px auto;
+}