From 4c12aa8741e651e1925c685ceb854d1f5796006e Mon Sep 17 00:00:00 2001
From: 2458773093 <2458773093@protonmail.com>
Date: Wed, 18 Sep 2019 23:17:53 +0300
Subject: [PATCH] responsive fixes

---
 .../features/ui/components/status_revision_modal.js    |  2 +-
 .../styles/gabsocial/components/status-revisions.scss  | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/javascript/gabsocial/features/ui/components/status_revision_modal.js b/app/javascript/gabsocial/features/ui/components/status_revision_modal.js
index ef1f6ff5..f253668e 100644
--- a/app/javascript/gabsocial/features/ui/components/status_revision_modal.js
+++ b/app/javascript/gabsocial/features/ui/components/status_revision_modal.js
@@ -23,7 +23,7 @@ class StatusRevisionModal extends ImmutablePureComponent {
         const { intl, onClose, status } = this.props;
 
         return (
-            <div className='modal-root__modal'>
+            <div className='modal-root__modal status-revisions-root'>
                 <div className='status-revisions'>
                     <div className='status-revisions__header'>
                         <h3 className='status-revisions__header__title'><FormattedMessage id='status_revisions.heading' defaultMessage='Revision History' /></h3>
diff --git a/app/javascript/styles/gabsocial/components/status-revisions.scss b/app/javascript/styles/gabsocial/components/status-revisions.scss
index 56ac39bd..706fb989 100644
--- a/app/javascript/styles/gabsocial/components/status-revisions.scss
+++ b/app/javascript/styles/gabsocial/components/status-revisions.scss
@@ -1,3 +1,9 @@
+.status-revisions-root {
+	@media screen and (max-width: 960px) {
+		width: 100%;
+	}
+}
+
 .status-revisions {
 	padding: 8px 0 0;
 	overflow: hidden;
@@ -46,6 +52,10 @@
 		widows: 90%;
 	}
 
+	@media screen and (max-width: 960px) {
+		width: 100%;
+	}
+
 	&-list {
 		width: 100%;