From 8bc6ca60ecff91b78f013b0d4d0785148b647bc7 Mon Sep 17 00:00:00 2001
From: Revertron <r@revertron.com>
Date: Wed, 19 May 2021 20:36:23 +0200
Subject: [PATCH] Moved some UI-components around.

---
 src/webview/index.html |  6 ++++--
 src/webview/styles.css | 19 +++++++++++++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/webview/index.html b/src/webview/index.html
index fc4b1c9..11c5661 100644
--- a/src/webview/index.html
+++ b/src/webview/index.html
@@ -85,7 +85,10 @@
     </div>
 
     <!-- Domain mining -->
-    <div class="tab row page is-hidden" id="tab_domains" style="align-items: center;">
+    <div class="tab row page is-hidden" id="tab_domains">
+        <div style="text-align: right;" class="is-fullwidth mb-2">
+            <button class="button is-link is-light" onclick="showNewDomainDialog()" style="max-width: 200px;">New domain</button>
+        </div>
         <table class="table is-hoverable is-fullwidth">
             <thead>
             <tr>
@@ -99,7 +102,6 @@
             <!-- Here will be our domains -->
             </tbody>
         </table>
-        <button class="button is-link mt-2" onclick="showNewDomainDialog()" style="max-width: 200px;">New domain</button>
     </div>
 
     <!-- Events and notifications -->
diff --git a/src/webview/styles.css b/src/webview/styles.css
index e299d59..2b683e8 100644
--- a/src/webview/styles.css
+++ b/src/webview/styles.css
@@ -125,10 +125,29 @@ body {
   width: 100%;
 }
 
+.table {
+  background-color: transparent;
+}
+
 th, td {
   white-space: nowrap;
 }
 
+.table thead td, .table thead th {
+  border-width: 0 0 1px;
+}
+
+.table tbody tr td,
+.table tbody tr th {
+  border-bottom-width: 0;
+}
+
+.table.is-hoverable tbody tr:not(.is-selected):hover,
+.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover
+.table.is-hoverable.is-fullwidth tbody tr:not(.is-selected):hover {
+  background-color: rgba(250, 250, 250, 0.7);
+}
+
 .list {
   overflow-y: auto;
 }