Updated UI.

manishdait · Jul 4, 2023 · 7c9a8ce · 7c9a8ce
1 parent 9b14363
commit 7c9a8ce
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/src/app/app.component.css b/src/app/app.component.css
@@ -155,6 +155,18 @@ i{
     margin-top: 120px;
 }
 
+.bottom {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.bottom a, .bottom i{
+    color: rgb(102, 102, 102);
+    font-size: 1em;
+    text-decoration: none;
+}
+
 @media screen and (max-width:1010px) {
     .range-control input{
         width: 90px;

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -33,7 +33,6 @@ <h1>{{ title }}</h1>
       </div>
       <button class="btn" (click)="onVisualize()" id="visualize" [disabled]="disable">{{ visualMsg }}</button>
     </div>
-    <a href="https://github.com/ManishDait/sorting-visualizer" class="fa fa-github"></a>
 </div>
 </nav>
 
@@ -49,4 +48,8 @@ <h1>{{ title }}</h1>
   <app-array [onSizeChange]="change" #array="array"></app-array>
   <p class="details" id="details"></p>
   <p class="details" id="temp" style="margin-top: 10px; font-size: 1rem;"></p>
-</div>
+
+  <div class="bottom">
+    <a href="https://github.com/ManishDait/sorting-visualizer">Source Code <i class="fa fa-github"></i></a>
+  </div>
+</div>