UX: Allow history modal to scale down on smaller screens

app/assets/stylesheets/common/base/history.scss

@@ -13,6 +13,7 @@
 
   #revision-controls {
     display: inline-block;
+    margin-bottom: 5px;
   }
 
   .revision-content {

app/assets/stylesheets/common/base/modal.scss

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

app/assets/stylesheets/desktop/history.scss

@@ -3,7 +3,6 @@
 .modal.history-modal {
 
   .modal-inner-container {
-    min-width: 960px;
     min-height: 500px;
   }
   #revision-controls {

app/assets/stylesheets/mobile/history.scss

@@ -17,4 +17,11 @@
     max-width: 95%;
     height: auto;
   }
+  .revision-content {
+    table {
+      table-layout: fixed;
+      width: 100%;
+      word-wrap: break-word;
+    }
+  }
 }