UX: Allow history modal to scale down on smaller screens

2018-02-06 15:02:51 -05:00
parent 884b9d4b78
commit 900f37e5a9
4 changed files with 10 additions and 2 deletions
@@ -13,6 +13,7 @@

  #revision-controls {
    display: inline-block;
+    margin-bottom: 5px;
  }

  .revision-content {
@@ -75,12 +75,13 @@

 .modal-outer-container {
  display:table;
+  table-layout: fixed;
  width:100%;
  height:100%;
 }

 .modal-inner-container {
-  max-width: 710px;
+  max-width: 960px;
  margin: 0 auto;
  background-color: $secondary;
  background-clip: padding-box;
@@ -3,7 +3,6 @@
 .modal.history-modal {

  .modal-inner-container {
-    min-width: 960px;
    min-height: 500px;
  }
  #revision-controls {
@@ -17,4 +17,11 @@
    max-width: 95%;
    height: auto;
  }
+  .revision-content {
+    table {
+      table-layout: fixed;
+      width: 100%;
+      word-wrap: break-word;
+    }
+  }
 }