FIX Set min-width for compare enabled table to 100% to prevent margin…

… overflow
silverstripe · Aug 1, 2018 · 9ac05c7 · 9ac05c7
1 parent c8e9047
commit 9ac05c7
Showing 1 changed file with 13 additions and 16 deletions.
diff --git a/client/src/components/HistoryViewer/HistoryViewer.scss b/client/src/components/HistoryViewer/HistoryViewer.scss
@@ -38,11 +38,15 @@
   }
 }
 
-.history-viewer__table--current {
-  &.history-viewer__table--compare {
-    margin-left: 0;
-    margin-right: 0;
-  }
+.history-viewer__table--compare {
+  margin-left: 0;
+  margin-right: 0;
+  min-width: 100%;
+}
+
+.history-viewer__version-detail--compare {
+  margin-left: $panel-padding-x;
+  margin-right: $panel-padding-x;
 }
 
 // Table cell containing action buttons, e.g. compare and close
@@ -54,16 +58,9 @@
   white-space: nowrap;
 }
 
-.history-viewer__version-detail {
-  &.history-viewer__version-detail--compare {
-    margin-left: $panel-padding-x;
-    margin-right: $panel-padding-x;
-  }
-
-  // Bring any CMS tabs in the detail view closer to the table above it
-  .nav-tabs {
-    margin-top: -$panel-padding-y;
-  }
+// Bring any CMS tabs in the detail view closer to the table above it
+.history-viewer__version-detail .nav-tabs {
+  margin-top: -$panel-padding-y;
 }
 
 .history-viewer__compare-button {
@@ -137,7 +134,6 @@
 }
 
 .history-viewer__heading {
-
   .author-compare-toggle__container {
     display: flex;
 
@@ -164,6 +160,7 @@
         margin-top: .5rem;
       }
     }
+
     .form-check-label {
       text-transform: none;
     }