Fix table layout

src/components/sharing/linkSharing.vue

@@ -22,7 +22,7 @@
 				</div>
 			</div>
 			<table
-				class="table is-striped is-hoverable is-fullwidth link-share-list"
+				class="table has-actions is-striped is-hoverable is-fullwidth link-share-list"
 				v-if="linkShares.length > 0"
 			>
 				<thead>

src/components/sharing/userTeam.vue

@@ -22,7 +22,7 @@
 			</div>
 		</div>
 
-		<table class="table is-striped is-hoverable is-fullwidth" v-if="sharables.length > 0">
+		<table class="table has-actions is-striped is-hoverable is-fullwidth mb-4" v-if="sharables.length > 0">
 			<tbody>
 			<tr :key="s.id" v-for="s in sharables">
 				<template v-if="shareType === 'user'">

src/styles/components/list.scss

@@ -8,24 +8,6 @@
   .content {
     padding: 0;
   }
-
-  .table {
-    border-top: 1px solid $grey-100;
-    border-radius: 4px;
-    overflow: hidden;
-
-    td {
-      vertical-align: middle;
-    }
-
-    td.type, td.actions {
-      width: 250px;
-    }
-
-    td.actions {
-      text-align: right;
-    }
-  }
 }
 
 .task-add {

src/styles/theme/content.scss

@@ -64,3 +64,17 @@
 .underline-none {
   text-decoration: none !important;
 }
+
+.table.has-actions {
+  border-top: 1px solid $grey-100;
+  border-radius: 4px;
+  overflow: hidden;
+
+  td {
+    vertical-align: middle;
+  }
+
+  td.actions {
+    text-align: right;
+  }
+}

src/styles/theme/form.scss

@@ -39,6 +39,10 @@
   margin-left: 0 !important;
 }
 
+.field.has-addons .select select {
+  margin-right: 0;
+}
+
 .input,
 .textarea {
   transition: all $transition;

src/views/list/views/Table.vue

@@ -42,7 +42,7 @@
 		</div>
 
 		<card :padding="false" :has-content="false">
-			<table class="table is-hoverable is-fullwidth mb-0">
+			<table class="table has-actions is-hoverable is-fullwidth mb-0">
 				<thead>
 				<tr>
 					<th v-if="activeColumns.id">

src/views/teams/EditTeam.vue

@@ -88,7 +88,7 @@
 					</div>
 				</div>
 			</div>
-			<table class="table is-striped is-hoverable is-fullwidth">
+			<table class="table has-actions is-striped is-hoverable is-fullwidth">
 				<tbody>
 				<tr :key="m.id" v-for="m in team.members">
 					<td>{{ m.getDisplayName() }}</td>