From 294fdee17aaa7e2ad637f75527f37fafdcc30300 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Fri, 4 Sep 2020 17:09:12 -0700
Subject: [PATCH] adjustments for css and all

---
 src/components/home/home.scss               | 4 ++--
 src/components/rameelo/landing/landing.js   | 2 +-
 src/components/rameelo/landing/landing.scss | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/home/home.scss b/src/components/home/home.scss
index 6a419d9..b1e3a1b 100644
--- a/src/components/home/home.scss
+++ b/src/components/home/home.scss
@@ -3,7 +3,7 @@
 .nav {
   @extend %flex;
   flex-direction: row;
-  margin-top: 10px;
+  margin: 10px;
 
   ul {
     @extend %flex;
@@ -23,7 +23,7 @@
   }
 
   .active {
-    padding: 7px 10px;
+    padding: 7px 20px;
     background-color: $primary-color;
     border-radius: 100px;
     color: white;
diff --git a/src/components/rameelo/landing/landing.js b/src/components/rameelo/landing/landing.js
index 5475344..5107833 100644
--- a/src/components/rameelo/landing/landing.js
+++ b/src/components/rameelo/landing/landing.js
@@ -6,7 +6,7 @@ import './landing.scss';
 export default class Landing extends React.Component {
   render() {
     return (
-      <div className="wrapper">
+      <div className="rameelo-wrapper">
         <div className="top-section">
           <div className="container-fluid">
             <div className="row">
diff --git a/src/components/rameelo/landing/landing.scss b/src/components/rameelo/landing/landing.scss
index a395464..4a9a3f0 100644
--- a/src/components/rameelo/landing/landing.scss
+++ b/src/components/rameelo/landing/landing.scss
@@ -1,7 +1,8 @@
 @import '../../../styles/index';
 
-.wrapper {
+.rameelo-wrapper {
   max-width: 1920px !important;
+  margin: 0 auto;
 }
 
 .top-section {