mobile alignment changed

Author: Amir Sohel

src/App.scss

@@ -295,28 +295,37 @@ button {
     color: #9b9ea0;
 	cursor: pointer;
 	z-index: 99;
+	display: none;
 }
 
 .search-wrapper {
-    height: 0;
-    transition: all 0.4s;
-	overflow: hidden;
+	margin-right: 60px;
 	&.open{
 		height: auto;
 		transition: all 0.4s;
 		overflow: visible;
 	}
 }
 
+
+
 @media (max-width:767px){
+	.mob-font-size-13 {font-size: 13px;}
+	.search-wrapper {
+		height: 0;
+		transition: all 0.4s;
+		overflow: hidden;
+	}
+	.search_icon{display: block;} 
 	.Search-result {width: 100%;}
 	.following-area  {padding-left: 0 !important;}
-}
-
-.following-area  {
-	p {font-size: 13px;}
-	span {
-		font-size: 13px;
+	.following-area  {
+		p {font-size: 13px;}
+		span {
+			font-size: 13px;
+		}
 	}
+	
 }
 
+

src/Components/Views/Pinned.js

@@ -11,20 +11,20 @@ const Pinned = (props) => {
                 <div className="card-block py-3 px-4">
                     <h6 className="card-title text-center"> {repo.nameWithOwner}</h6>
                     <div className="row text-center mt-3">
-                        <div className="col-md-4">
-                            {repo.defaultBranchRef.target.history.totalCount}
+                        <div className="col-md-4 col-4">
+                            <span className="mob-font-size-13">{repo.defaultBranchRef.target.history.totalCount}</span>
                             <br />
-                                Commits
+                            <span className="mob-font-size-13"> Commits</span>
                             </div>
-                        <div className="col-md-4">
-                            {repo.forkCount}
+                        <div className="col-md-4 col-4">
+                        <span className="mob-font-size-13">{repo.forkCount}</span>
                             <br />
-                                Forks
+                            <span className="mob-font-size-13"> Forks</span>
                             </div>
-                        <div className="col-md-4">
-                            {repo.stargazers.totalCount}
+                        <div className="col-md-4 col-4">
+                        <span className="mob-font-size-13">{repo.stargazers.totalCount}</span>
                             <br />
-                                Stars
+                            <span className="mob-font-size-13">  Stars</span>
                             </div>
                     </div>
                     <h6 className="text-center mt-3">The main language is <span style={{ color: repo.languages.nodes[0].color }}>{repo.languages.nodes[0].name}</span></h6>