From e9542352b548827c2b922446b83594e9349c7f92 Mon Sep 17 00:00:00 2001
From: Midhun A Darvin <midhunadarvin@gmail.com>
Date: Mon, 4 Mar 2024 20:14:34 +0530
Subject: [PATCH] feat: update footer font size

---
 .../components/footer/footer.component.html   | 12 ++++++------
 quartz-manager-frontend/src/styles.css        | 19 ++++++++++++++++++-
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/quartz-manager-frontend/src/app/components/footer/footer.component.html b/quartz-manager-frontend/src/app/components/footer/footer.component.html
index ddc9c70..66acaf4 100644
--- a/quartz-manager-frontend/src/app/components/footer/footer.component.html
+++ b/quartz-manager-frontend/src/app/components/footer/footer.component.html
@@ -1,8 +1,8 @@
 <mat-toolbar id="footer" style="color: rgba(255, 255, 255, 0.541176);" fxLayout="row" fxLayoutAlign="center center">
-    <a mat-icon-button href="https://github.com/fabioformosa/quartz-manager">
-      <img src="assets/image/github.png"/>
-      &nbsp; Quartz Manager
-    </a>
-<!--    Hand crafted with love by &nbsp;-->
-<!--    <a href="https://github.com/fabioformosa" style="color: rgba(255, 255, 255, 0.870588);">Fabio Formosa</a>-->
+  <a href="https://github.com/fabioformosa/quartz-manager" class="flex flex-row align-items-center" style="gap: 6px">
+    <div class="flex"><img src="assets/image/github.png"/></div>
+    <div class="font-size-14 font-weight-500 display-block line-height-100">Quartz Manager</div>
+  </a>
+  <!--    Hand crafted with love by &nbsp;-->
+  <!--    <a href="https://github.com/fabioformosa" style="color: rgba(255, 255, 255, 0.870588);">Fabio Formosa</a>-->
 </mat-toolbar>
diff --git a/quartz-manager-frontend/src/styles.css b/quartz-manager-frontend/src/styles.css
index 7dd48ed..680c30f 100644
--- a/quartz-manager-frontend/src/styles.css
+++ b/quartz-manager-frontend/src/styles.css
@@ -30,7 +30,7 @@ body {
 
 .flex {
   display: flex;
-} 
+}
 
 .flex-row {
   flex-direction: row;
@@ -79,3 +79,20 @@ body {
 .mdc-list-item__primary-text {
   font-size: 0.8em !important;
 }
+
+.font-size-14 {
+  font-size: 14px;
+}
+.font-weight-500 {
+  font-weight: 500;
+}
+.display-block {
+  display: block;
+}
+.line-height-100 {
+  line-height: 100%;
+}
+.align-items-center {
+  align-items: center;
+}
+