Moved some UI-components around.

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 -->

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;
 }