From bc4201ffe679fd2ec4d260cc8d417d94503aeeb6 Mon Sep 17 00:00:00 2001
From: vjrj <vjrj@ourproject.org>
Date: Mon, 12 Feb 2018 20:00:45 +0100
Subject: [PATCH] Styling in error message on mobile

---
 imports/ui/components/ErrorBoundary/ErrorBoundary.js   | 4 ++--
 imports/ui/components/ErrorBoundary/ErrorBoundary.scss | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/imports/ui/components/ErrorBoundary/ErrorBoundary.js b/imports/ui/components/ErrorBoundary/ErrorBoundary.js
index 542894f..cc1f95b 100644
--- a/imports/ui/components/ErrorBoundary/ErrorBoundary.js
+++ b/imports/ui/components/ErrorBoundary/ErrorBoundary.js
@@ -35,9 +35,9 @@ class ErrorBoundary extends Component {
             <Col xs={12} sm={6} md={5} lg={4}>
               <h1 className="page-header">{this.t('AppNameFull')}</h1>
               <h4 className="page-header">{this.t('general-error-title')}</h4>
-              <Row>
+              <p>
                 {this.t('general-error-description')}
-              </Row>
+              </p>
             </Col>
           </Row>
         </div>
diff --git a/imports/ui/components/ErrorBoundary/ErrorBoundary.scss b/imports/ui/components/ErrorBoundary/ErrorBoundary.scss
index 9ced77e..225e4ca 100644
--- a/imports/ui/components/ErrorBoundary/ErrorBoundary.scss
+++ b/imports/ui/components/ErrorBoundary/ErrorBoundary.scss
@@ -2,9 +2,9 @@
   background-image: url('/error-background.png');
   height: 100%;
   min-height: 55vh;
-  margin-top: 40px;
+  margin: 40px 10px 10px 10px;
 }
 
 .error-boundary > div > div > h4 {
-  line-height: 1.5em;
+  line-height: 1.3em;
 }