# HG changeset patch # User Lucas Thompson # Date 1477488852 -3600 # Node ID 5c0d37379879eb5a0a607567d0c5d41098d697b6 # Parent b4a1e0a673896f1536e72180ecf4c5e80a705a16 Some shifting around of CSS rules, and a few components (toolbar, fixed sidebar) on the page. diff -r b4a1e0a67389 -r 5c0d37379879 src/app/app.component.css --- a/src/app/app.component.css Wed Oct 26 11:42:58 2016 +0100 +++ b/src/app/app.component.css Wed Oct 26 14:34:12 2016 +0100 @@ -1,3 +1,15 @@ app-simple-form { margin-bottom: 10px; } + +.app-toolbar-filler { + flex: 1 1 auto; +} + +md-sidenav-layout { + height: calc(100vh - 64px); /* height of window minus the toolbar height*/ +} + +md-sidenav { + width: 240px; +} diff -r b4a1e0a67389 -r 5c0d37379879 src/app/app.component.html --- a/src/app/app.component.html Wed Oct 26 11:42:58 2016 +0100 +++ b/src/app/app.component.html Wed Oct 26 14:34:12 2016 +0100 @@ -1,27 +1,42 @@ + face {{title}} - + - Right Aligned Text + + + + + + + + + + + + + - + - + - - - + + + - - - - - - - - - + + + + + + + + + diff -r b4a1e0a67389 -r 5c0d37379879 src/index.html --- a/src/index.html Wed Oct 26 11:42:58 2016 +0100 +++ b/src/index.html Wed Oct 26 14:34:12 2016 +0100 @@ -7,7 +7,6 @@ - Loading... diff -r b4a1e0a67389 -r 5c0d37379879 src/styles.css --- a/src/styles.css Wed Oct 26 11:42:58 2016 +0100 +++ b/src/styles.css Wed Oct 26 14:34:12 2016 +0100 @@ -1,10 +1,8 @@ /* You can add global styles to this file, and also import other style files */ +@import 'https://fonts.googleapis.com/icon?family=Material+Icons'; @import '~@angular/material/core/theming/prebuilt/indigo-pink.css'; body { margin: 0; + font-family: Roboto, sans-serif; } - -.example-fill-remaining-space { - flex: 1 1 auto; -}