diff --git a/app/assets/stylesheets/common/base/history.scss b/app/assets/stylesheets/common/base/history.scss index 07f659a6ebe..a1faeea65ec 100644 --- a/app/assets/stylesheets/common/base/history.scss +++ b/app/assets/stylesheets/common/base/history.scss @@ -13,6 +13,7 @@ #revision-controls { display: inline-block; + margin-bottom: 5px; } .revision-content { diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss index c47c9d4c2de..868eeb3ac01 100644 --- a/app/assets/stylesheets/common/base/modal.scss +++ b/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; diff --git a/app/assets/stylesheets/desktop/history.scss b/app/assets/stylesheets/desktop/history.scss index 81241cb8b42..32466fc77b9 100644 --- a/app/assets/stylesheets/desktop/history.scss +++ b/app/assets/stylesheets/desktop/history.scss @@ -3,7 +3,6 @@ .modal.history-modal { .modal-inner-container { - min-width: 960px; min-height: 500px; } #revision-controls { diff --git a/app/assets/stylesheets/mobile/history.scss b/app/assets/stylesheets/mobile/history.scss index aa2413b644d..93a2a29e7e4 100644 --- a/app/assets/stylesheets/mobile/history.scss +++ b/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; + } + } }