feat(app): enhance responsive footer layout

tomastrajan · Jan 26, 2018 · 422a097 · 422a097
1 parent 9418e37
commit 422a097
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -103,6 +103,7 @@
       <div class="row">
         <div class="col-12 signature">
           &#169; {{year}} - Tomas Trajan
+          <br class="d-block d-sm-none">
           <a matTooltip="Show changelog"
              matTooltipPosition="before"
              href="https://github.com/tomastrajan/angular-ngrx-material-starter/blob/master/CHANGELOG.md">

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -97,14 +97,19 @@ mat-sidenav-container {
 
           @media (max-width: map-get($grid-breakpoints, sm)) {
             a {
-              padding: 20px 5px;
+              padding: 20px 3px;
             }
           }
         }
 
-        .signature {
-          a {
-            float: right;
+        @media (min-width: map-get($grid-breakpoints, sm)) {
+          .signature {
+            position: relative;
+
+            a {
+              position: absolute;
+              right: 15px;
+            }
           }
         }
       }