Fix margin in repo section

SDBowen · Feb 18, 2019 · dad0943 · dad0943
1 parent 6842748
commit dad0943
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 14 deletions.
diff --git a/css/style.css b/css/style.css
@@ -397,9 +397,10 @@ hr {
     .repo-item__language-text--css {
       background-color: #8a6bb4; }
   .repo-item__description {
-    margin-top: 2rem;
-    margin-bottom: 1rem;
+    margin: 2rem 0 1rem 0;
     width: 98%; }
+    .repo-item__description p {
+      margin-right: 3rem; }
 
 .brand {
   margin-bottom: 10rem; }
diff --git a/index.html b/index.html
@@ -436,10 +436,7 @@ <h2 class="heading-primary u-margin-bottom">Featured Projects</h2>
                   </svg>
                   <div class="project-item__button-text">Code</div>
                 </a>
-                <a
-                  href="https://sdbowen.io"
-                  class="project-item__link"
-                >
+                <a href="https://sdbowen.io" class="project-item__link">
                   <svg
                     class="project-item__svg"
                     viewBox="0 0 24 24"

diff --git a/package.json b/package.json
@@ -4,15 +4,11 @@
   "description": "Mockup for personal portfolio website",
   "main": "index.js",
   "scripts": {
-    "watch:sass": "node-sass sass/main.scss css/style.css -w",
-    "devserver": "browser-sync --server --files \"**/*\"",
-    "dev": "npm-run-all --parallel devserver watch:sass"
+    "dev": "node-sass sass/main.scss css/style.css -w"
   },
   "author": "sdbowen",
   "license": "ISC",
   "devDependencies": {
-    "browser-sync": "^2.26.3",
-    "node-sass": "^4.11.0",
-    "npm-run-all": "^4.1.5"
+    "node-sass": "^4.11.0"
   }
 }
diff --git a/sass/components/_repo.scss b/sass/components/_repo.scss
@@ -44,8 +44,11 @@
   }
 
   &__description {
-    margin-top: 2rem;
-    margin-bottom: 1rem;
+    margin: 2rem 0 1rem 0;
     width: 98%;
+
+    p {
+      margin-right: 3rem;
+    }
   }
 }