Remaining entity modal style rules moved from Entities to EntityModal.

platypush/backend/http/webapp/src/components/panels/Entities/Index.vue

@@ -610,40 +610,6 @@ export default {
     }
   }
 
-  :deep(.modal) {
-    @include until(#{$tablet - 1}) {
-      width: calc(100% - 1em);
-
-      .table-row {
-        border-bottom: 1px solid $border-color-2;
-      }
-    }
-
-    .table-row {
-      .value {
-        overflow: auto;
-      }
-    }
-
-    .content {
-      @include until($tablet) {
-        width: 100%;
-      }
-
-      @include from($tablet) {
-        min-width: 30em;
-      }
-
-      .body {
-        padding: 0;
-
-        .table-row {
-          padding: 0.5em;
-        }
-      }
-    }
-  }
-
   :deep(.dropdown-container) {
     .dropdown {
       min-width: 10em;

platypush/backend/http/webapp/src/components/panels/Entities/Modal.vue

@@ -366,16 +366,56 @@ export default {
 @import "common";
 
 :deep(.modal) {
-  .body {
+  @include until($tablet) {
-    padding: 0;
+    width: 100%;
+  }
 
-    @include from($desktop) {
+  .table-row {
-      min-width: 45em;
+    display: flex;
+    align-items: center;
+    box-shadow: none;
+    padding: 0.5em;
+    border-bottom: 1px solid $border-color-2;
+
+    &:hover {
+      background: $hover-bg;
     }
 
-    .table-row {
+    .title {
-      box-shadow: none;
+      font-weight: bold;
-      padding: 0.5em;
+
+      @include from($tablet) {
+        width: 50%;
+        display: inline-block;
+      }
+    }
+
+    .value {
+      overflow: auto;
+
+      @include from($tablet) {
+        width: 50%;
+        display: inline-block;
+        text-align: right;
+      }
+    }
+  }
+
+  .content {
+    @include until($tablet) {
+      width: calc(100% - 1em) !important;
+    }
+
+    @include from($tablet) {
+      min-width: 30em;
+    }
+
+    .body {
+      padding: 0;
+
+      @include from($desktop) {
+        min-width: 45em;
+      }
     }
   }
 
@@ -442,12 +482,6 @@ export default {
     }
   }
 
-  .config-container {
-    .title {
-      @include section-title;
-    }
-  }
-
   .extra-info-container {
     .value {
       white-space: pre-wrap;