From 990f1e07e07e6b6ea216e8ef3601d485dcd82130 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sat, 12 Jun 2021 23:45:13 +0200
Subject: [PATCH] attempted css fixes

---
 ui/src/App.vue           |  4 +++-
 ui/src/views/Browse.vue  |  1 -
 ui/src/views/Inspect.vue | 10 ++++++++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index 3dcefbc..27e1488 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -60,8 +60,9 @@ html {
 
 html,
 body,
+#app,
 #root {
-  height: calc(100% - 1rem);
+  height: 100%;
 
   font-family: var(--default-font);
   color: var(--foreground);
@@ -82,6 +83,7 @@ body,
 }
 
 main {
+  display: flex;
   flex-grow: 1;
 }
 
diff --git a/ui/src/views/Browse.vue b/ui/src/views/Browse.vue
index 823f7ff..140706d 100644
--- a/ui/src/views/Browse.vue
+++ b/ui/src/views/Browse.vue
@@ -72,7 +72,6 @@ export default defineComponent({
 .browser {
   display: flex;
 
-  min-height: 100%;
   margin-left: -2rem;
   margin-right: -2rem;
   padding: 0 2rem;
diff --git a/ui/src/views/Inspect.vue b/ui/src/views/Inspect.vue
index e743043..6b779ef 100644
--- a/ui/src/views/Inspect.vue
+++ b/ui/src/views/Inspect.vue
@@ -17,7 +17,7 @@
             <th>Value</th>
           </tr>
           <tr v-for="[id, entry] in attributes" :key="id">
-            <td>
+            <td class="attr-action">
               <sl-icon-button name="x-circle" @click="removeEntry(id)" />
             </td>
             <td>{{ entry.attribute }}</td>
@@ -33,7 +33,7 @@
             </td>
           </tr>
           <tr>
-            <td>
+            <td class="attr-action">
               <sl-icon-button name="plus-circle" @click="addEntry()" />
             </td>
             <td>
@@ -146,6 +146,12 @@ table {
   td {
     font-family: var(--monospace-font);
     padding-right: 1em;
+    line-height: 1em;
+
+
+    &.attr-action {
+      max-width: 1em;
+    }
   }
 
   sl-input {