Update styling

src/pages/CommitPage/commitPage.module.css

@@ -48,6 +48,7 @@
     display: flex;
     align-items: center;
     border-bottom: solid 1px #EB753C;
+    overflow: auto;
 }
 
 .SingleCommit{
@@ -59,7 +60,6 @@
     text-align: center;
     width: 75%;
     display:inline-block;
-    overflow: auto;
 
 }
 
@@ -73,14 +73,15 @@
     background-color: #d1e6ee;
     border-radius: 10px;
     padding: 2.5% 0;
-    /*overflow-x: scroll;*/
+    width: 100%;
+
 
 
 }
 
 body{
     width: 80%;
-    margin-left: 5%;
+    margin-left: 10%;
     justify-content: center;
     text-align: center;
 }

src/pages/CommitPage/commitPage.tsx

@@ -54,6 +54,7 @@ const CommitComponent = (props: commitProps) => {
         <div>
             <ul className={style.UlList}>
                 {commitList}
+                {commitList?.length===0?<li>Opps! Too far, go back!</li>:<></>}
             </ul>
         </div>
     );

src/pages/CommitPage/commitPageWrapper.tsx

@@ -52,7 +52,6 @@ const CommitPageWrapper = () => {
                 width={100}
                 timeout={10000} //3 secs
             /></div> : <CommitComponent commits={data as Commit[]}/>}
-            {(data as Commit[])?.length === 0 ? <p>Opps! There are no more commits, go back!</p> : <></>}
         </div>
 
     )