Merge pull request #9 from CaitlynKnudsvig/margin_increase

Increased margin around images & video on story
cygnusb2b · Nov 8, 2018 · 9cd3fc0 · 9cd3fc0
1 parent 224f365
commit 9cd3fc0
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/packages/web/src/components/Story/Body.jsx b/packages/web/src/components/Story/Body.jsx
@@ -28,6 +28,18 @@ const Body = (props) => {
           margin-top: 2rem;
         }
 
+        #story-body .fr-video.fr-fvl,
+        #story-body .fr-view img.fr-dii.fr-fil,
+        #story-body .fr-view span.fr-dii.fr-fil {
+          margin: 5px 20px 5px 0;
+        }
+
+        #story-body .fr-video.fr-fvr,
+        #story-body .fr-view img.fr-dii.fr-fir,
+        #story-body .fr-view span.fr-dii.fr-fir {
+          margin: 5px 0 5px 20px;
+        }
+
         #story-body h2.teaser {
           font-size: 1.5rem;
         }

diff --git a/packages/web/src/components/Story/Header.jsx b/packages/web/src/components/Story/Header.jsx
@@ -64,7 +64,6 @@ const Header = (props) => {
         }
 
         .post-heading h1 {
-          // text-shadow: -3px -3px 3px rgba(0,0,0,.25), 3px 3px 3px #000;
           color: #fff;
           font-size: 5vmax;
           font-family: 'Ubuntu', sans-serif;

diff --git a/packages/web/src/pages/_document.jsx b/packages/web/src/pages/_document.jsx
@@ -14,7 +14,7 @@ export default class MyDocument extends Document {
           <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
           <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossOrigin="anonymous" />
           <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.8.4/css/froala_style.css" type="text/css" />
-          <link href="https://fonts.googleapis.com/css?family=News+Cycle:400,700|Open+Sans+Condensed:300,700|Roboto:400,700|Ubuntu:400,700|Raleway:300,400,500" rel="stylesheet" type="text/css" />
+          <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,700|Raleway:300,400,500" rel="stylesheet" type="text/css" />
         </Head>
         <body>
           <Main />