fix(app): remove remaining bootstrap util css classes, fix branding p…

…ositioning
tomastrajan · Mar 16, 2018 · 5899a25 · 5899a25
1 parent 14721a3
commit 5899a25
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -23,9 +23,10 @@
           <mat-icon>menu</mat-icon>
         </button>
 
-        <span routerLink="" class="branding spacer d-inline d-sm-none text-center"><img
-          [src]="logo"/></span>
-        <span routerLink="" class="branding spacer d-none d-sm-inline d-md-none text-center"><img
+        <span routerLink="" class="branding spacer center d-inline d-sm-none">
+          <img [src]="logo"/></span>
+        <span routerLink=""
+              class="branding spacer center d-none d-sm-inline d-md-none"><img
           [src]="logo"/> Angular Starter</span>
         <span routerLink="" class="branding spacer d-none d-md-inline"><img
           [src]="logo"/> Angular ngRx Material Starter</span>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -27,6 +27,16 @@ mat-sidenav-container {
 
       .branding {
         cursor: pointer;
+        padding-top: 4px;
+
+        &.center {
+          text-align: center;
+        }
+
+        img {
+          position: relative;
+          top: -2px;
+        }
       }
 
       .sign-in-button {