Fix Footer UI

zfir-dev · Dec 29, 2023 · 8fed4eb · 8fed4eb
1 parent a272910
commit 8fed4eb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/app/components/footer.hbs b/app/components/footer.hbs
@@ -26,17 +26,17 @@
     {{/if}}
   </div>
   {{/if}}
-  <div class="d-flex justify-content-between align-items-center w-100">
-    <div>
+  <div class="row align-items-center">
+    <div class="col text-center">
       <p class="mb-0 small">{{@pageTitle}}</p>
       <p class="mb-0 small">&copy; {{this.currentYear}}</p>
     </div>
-    <div>
+    <div class="col text-center">
       <a href="https://github.com/zfir-dev/rss-medium-blog-viewer" target="_blank">
         <img src="github.svg" alt="Custom Github Logo" class="github-logo" />
       </a>
     </div>
-    <div class="d-flex align-items-center">
+    <div class="col d-flex align-items-center justify-content-center">
       <p class="mb-0 small">Built with</p>
       <a href="https://emberjs.com/" target="_blank">
         <img src="ember.svg" alt="Custom Ember Logo" class="ember-logo" />

diff --git a/app/styles/app.css b/app/styles/app.css
@@ -25,11 +25,11 @@ img {
 .blogs,
 .blog {
   padding-top: 80px;
-  padding-bottom: 56px;
+  padding-bottom: 74px;
 }
 
 .blog {
-  padding-bottom: 114px;
+  padding-bottom: 132px;
 }
 
 .blog .title {
@@ -63,6 +63,10 @@ img {
   margin-right: 10px;
 }
 
+.footer .next {
+  margin-right: 0;
+}
+
 .footer .previous .icon {
   float: left;
 }