minor fixes as requested

vdvibhu20 · vdvibhu20 · commit ea297ac8aa54 · 2018-07-27T19:40:33.000+05:30
diff --git a/examples/components/nav-bar.hbs b/examples/components/nav-bar.hbs
@@ -17,22 +17,32 @@
                 <input type="text" placeholder="Search here">
                 <img src="images/searchicon.png" alt="search">
                 <div class="search-box display-none">
-                    <div class="row search-content">
+                    <div class="row search-content align-items-center">
                     <div class="img-container col-md-3">
-                        <img src="images/c" alt="online-logo" class="nav-logo pointer">
+                        <img src="images/c++" alt="online-logo" class="nav-logo pointer">
                     </div>
                     <div class="heading-container col-md-9">
-                            <p>Web Development</p>
-                            <p>NOV-DEC 2017</p>
+                            <div>Web Development</div>
+                            <div class="red font-sm">NOV-DEC 2017</div>
                     </div>
                     </div>
-                    <div class="row search-content">
+                    <div class="row search-content align-items-center">
                         <div class="img-container col-md-3">
-                            <img src="images/c" alt="online-logo" class="nav-logo pointer">
+                            <img src="images/c++" alt="online-logo" class="nav-logo pointer">
                         </div>
                         <div class="heading-container col-md-9">
-                            <p>Web Development</p>
-                            <p>NOV-DEC 2017</p>
+                            <div>Web Development</div>
+                            <div class="red font-sm">NOV-DEC 2017</div>
+                        </div>
+                    </div>
+
+                    <div class="row search-content align-items-center">
+                        <div class="img-container col-md-3">
+                            <img src="images/c++" alt="online-logo" class="nav-logo pointer">
+                        </div>
+                        <div class="heading-container col-md-9">
+                            <div>Web Development</div>
+                            <div class="red font-sm">NOV-DEC 2017</div>
                         </div>
                     </div>
                 </div>
@@ -107,7 +117,7 @@
             </ul>
 
             <div class="round-img">
-                <img src="/images/code-red.svg" alt="">
+                <img src="/images/c++ode-red.svg" alt="">
             </div>
 
             <div class="card">
diff --git a/sass/styles/elements/element.searchbox.scss b/sass/styles/elements/element.searchbox.scss
@@ -12,6 +12,10 @@
 .search-content {
   height: 100%;
   padding: 30px;
+
+  &:not(:first-of-type){
+    border-top: 1px solid $nav-border;
+  }
 }
 
 .img-container > img {
diff --git a/sass/styles/elements/elements.card.mentors.scss b/sass/styles/elements/elements.card.mentors.scss
@@ -22,7 +22,7 @@
 
 .card-mentor-text {
   display: inline-block;
-  font-size: $card-sm;
+  font-size: $card-md;
   position: relative;
   top: -6px;
   padding-left: 10px;
diff --git a/sass/styles/elements/elements.card.text.scss b/sass/styles/elements/elements.card.text.scss
@@ -27,5 +27,5 @@
 
 .grid-background {
   background-color: #f6f6f6;
-  padding: 5%;
+  padding: 2% 5%;
 }
diff --git a/sass/styles/elements/elements.level.scss b/sass/styles/elements/elements.level.scss
@@ -7,7 +7,7 @@
 }
 
 .expert-text, .advanced-text, .beginner-text {
-  font-size: $card-sm;
+  font-size: $card-md;
   margin: 2px auto 0;
 }
 
diff --git a/sass/styles/generic/reset.scss b/sass/styles/generic/reset.scss
@@ -16,7 +16,7 @@ body {
 
 @media screen and (max-width:  575px) {
   body {
-    padding-top: 50px;
+    padding-top: 60px;
     // font-size
   }
 }
diff --git a/sass/styles/media-query/media.home.scss b/sass/styles/media-query/media.home.scss
@@ -41,6 +41,12 @@
   width: 100px;
 }
 
+@media all and(max-width: 767px){
+  .home-img{
+    max-width: unset;
+  }
+}
+
 @media all and (max-width: 575px){
   .o-offerings{
     .left{
diff --git a/sass/styles/objects/o-homepage-layout/o-homepage.scss b/sass/styles/objects/o-homepage-layout/o-homepage.scss
@@ -19,6 +19,7 @@
   position: relative;
   margin-top: -190px;
   width: 85%;
+  max-width: 600px !important;
   left: 65px;
 }
 
diff --git a/sass/styles/objects/o-nav-layout/o-nav-layout.scss b/sass/styles/objects/o-nav-layout/o-nav-layout.scss
@@ -68,4 +68,10 @@
       float: right;
     }
   }
+}
+
+.search-box{
+  .font-sm{
+    font-size: $card-sm;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -27,5 +27,5 @@`
`27`	`27`
`28`	`28`	`.grid-background {`
`29`	`29`	`background-color: #f6f6f6;`
`30`		`- padding: 5%;`
	`30`	`+ padding: 2% 5%;`
`31`	`31`	`}`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.expert-text, .advanced-text, .beginner-text {`
`10`		`- font-size: $card-sm;`
	`10`	`+ font-size: $card-md;`
`11`	`11`	`margin: 2px auto 0;`
`12`	`12`	`}`
`13`	`13`
Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ body {`
`16`	`16`
`17`	`17`	`@media screen and (max-width: 575px) {`
`18`	`18`	`body {`
`19`		`- padding-top: 50px;`
	`19`	`+ padding-top: 60px;`
`20`	`20`	`// font-size`
`21`	`21`	`}`
`22`	`22`	`}`
Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,7 @@`
`19`	`19`	`position: relative;`
`20`	`20`	`margin-top: -190px;`
`21`	`21`	`width: 85%;`
	`22`	`+ max-width: 600px !important;`
`22`	`23`	`left: 65px;`
`23`	`24`	`}`
`24`	`25`
Original file line number	Diff line number	Diff line change
`@@ -68,4 +68,10 @@`
`68`	`68`	`float: right;`
`69`	`69`	`}`
`70`	`70`	`}`
	`71`	`+}`
	`72`	`+`
	`73`	`+.search-box{`
	`74`	`+ .font-sm{`
	`75`	`+ font-size: $card-sm;`
	`76`	`+ }`
`71`	`77`	`}`