From 474000833caba2727da4e547b2706797be0cca99 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Wed, 12 Dec 2018 20:12:56 +0200
Subject: [PATCH] add more rules for the horizontal line around the title.

---
 src/stylesheets/random-item.scss | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/stylesheets/random-item.scss b/src/stylesheets/random-item.scss
index 75cc2c2..543981e 100644
--- a/src/stylesheets/random-item.scss
+++ b/src/stylesheets/random-item.scss
@@ -1,20 +1,17 @@
 @import "variables";
 
-/* section heading*/
-.section-title {
-  padding: 1em;
-  margin-bottom: 1em;
-}
-
 
 .section-heading {
   padding-top: 1em;
 }
 .section-title{
-  margin: 0 0 2em 0;
   line-height: 0.5;
   text-align: center;
+  padding: 1em;
 }
+// --------------------------
+//        add horizontal lines around the section title.
+//----------------------------
 .section-title span{
   display: inline-block;
   position: relative;
@@ -23,11 +20,10 @@
 .section-title span:after {
   content: "";
   position: absolute;
-  height: 5px;
-  border-bottom: 1px solid black;
-  //border-top: 1px solid black;
+  height: 8px;
+  border-bottom: 3px solid black;
   top: 0;
-  width: 300px;
+  width: 400px;
 }
 .section-title span:before {
   right: 100%;
@@ -37,5 +33,3 @@
   left: 100%;
   margin-left: 15px;
 }
-/* view all elements */
-