change in footer

web/src/app/layout/shell.component.html

@@ -57,14 +57,35 @@
     <div class="page-body">
       <div class="container-xl"><router-outlet></router-outlet></div>
     </div>
-    <footer class="ec-footer border-top">
+    <footer class="ec-footer border-top py-3 mt-auto">
       <div class="container-xl">
-        <div class="ec-footer-shell">
+        <div class="d-flex flex-column flex-md-row align-items-center justify-content-between gap-3">
-          <div class="d-flex align-items-center gap-2 flex-wrap">
+          <div class="d-flex align-items-center gap-2">
-            <span class="badge" [class.bg-success]="apiStatus.state() === 'online'" [class.bg-danger]="apiStatus.state() === 'offline'">{{ apiStatus.state() === 'online' ? ui.t('footer.apiOnline') : ui.t('footer.apiOffline') }}</span>
+            <span
+              class="badge"
+              [class.bg-success]="apiStatus.state() === 'online'"
+              [class.bg-danger]="apiStatus.state() === 'offline'">
+              {{ apiStatus.state() === 'online' ? ui.t('footer.apiOnline') : ui.t('footer.apiOffline') }}
+            </span>
           </div>
-          <div class="d-flex align-items-center gap-3 flex-wrap justify-content-end text-end">
+
-            Mateusz Gruszczyński | <a class="link-secondary fw-semibold" href="https://www.linuxiarz.pl" target="_blank" rel="noreferrer">www.linuxiarz.pl</a>
+          <div class="d-flex align-items-center gap-2 flex-wrap text-center text-md-end justify-content-center justify-content-md-end">
+            <span class="text-secondary small">Created by</span>
+            <span class="fw-bold">Mateusz Gruszczyński</span>
+
+            <a
+              class="btn btn-sm btn-outline-secondary"
+              href="https://www.linuxiarz.pl"
+              target="_blank"
+              rel="noreferrer">
+              <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-sm me-1" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M3 12h18"/>
+                <path d="M12 3a9 9 0 0 1 0 18"/>
+                <path d="M12 3a9 9 0 0 0 0 18"/>
+              </svg>
+              linuxiarz.pl
+            </a>
           </div>
         </div>
       </div>