Styling fixes

stewe93 · Apr 20, 2019 · 4fb2699 · 4fb2699
1 parent f411fec
commit 4fb2699
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 14 deletions.
diff --git a/content/implementation/viewmodels/_index.md b/content/implementation/viewmodels/_index.md
@@ -80,7 +80,7 @@ override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
 
 #### One Factory to rule them all
 
-`ViewModel`s can't be directly instantiated, as we need the framework to take care of their lifecycle aspect. The way to give a ˙`ViewModel` a custom constructor is by using a custom `ViewModelProvider.Factory`. These factories look something like this, they receive the ViewModel class as a parameter when they need to instantiate one:
+`ViewModel`s can't be directly instantiated, as we need the framework to take care of their lifecycle aspect. The way to give a `ViewModel` a custom constructor is by using a custom `ViewModelProvider.Factory`. These factories look something like this, they receive the ViewModel class as a parameter when they need to instantiate one:
 
 ```kotlin
 class MyViewModelFactory : ViewModelProvider.Factory {

diff --git a/themes/learn/static/css/site.css b/themes/learn/static/css/site.css
@@ -15,13 +15,19 @@ body {
 
 #header {
   font-family: "Segoe UI", sans-serif !important;
-  font-size: 2.5em !important;
   color: #FFF !important;
+  font-size: 2.8em !important;
 }
 #header a {
   color: #FFF !important;
 }
 
+@media only all and (max-width: 90.9090em) {
+  #header {
+    font-size: 2em !important;
+  }
+}
+
 .small-subtitle {
   font-size: 0.9em;
   margin: -40px auto 2.5rem auto;

diff --git a/themes/learn/static/css/theme.css b/themes/learn/static/css/theme.css
@@ -33,12 +33,12 @@ body {
 body #chapter h1 {
     font-size: 3.5rem;
 }
-@media only all and (min-width: 48em) and (max-width: 59.938em) {
+@media only all and (min-width: 48em) and (max-width: 90.9090em) {
     body #chapter h1 {
         font-size: 3rem;
     }
 }
-@media only all and (max-width: 47.938em) {
+@media only all and (max-width: 64.6464em) {
     body #chapter h1 {
         font-size: 2rem;
     }
@@ -165,7 +165,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
 #sidebar-toggle-span {
     display: none;
 }
-@media only all and (max-width: 47.938em) {
+@media only all and (max-width: 64.6464em) {
     #sidebar-toggle-span {
         display: inline;
     }
@@ -347,13 +347,13 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
 #body .padding {
     padding: 3rem 6rem;
 }
-@media only all and (max-width: 59.938em) {
+@media only all and (max-width: 90.9090em) {
     #body .padding {
         position: static;
         padding: 15px 3rem;
     }
 }
-@media only all and (max-width: 47.938em) {
+@media only all and (max-width: 64.6464em) {
     #body .padding {
         padding: 5px 1rem;
     }
@@ -362,7 +362,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
     margin-top: -1.7rem;
     margin-bottom: 3rem;
 }
-@media only all and (max-width: 59.938em) {
+@media only all and (max-width: 90.9090em) {
     #body #navigation {
         position: static;
         margin-right: 0 !important;
@@ -386,7 +386,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
     vertical-align: middle;
     text-align: center;
 }
-@media only all and (max-width: 59.938em) {
+@media only all and (max-width: 90.9090em) {
     #body .nav {
         display: table-cell;
         position: static;
@@ -751,23 +751,23 @@ td {
 .two-column-bullet {
     width: 50%;
 }
-@media only all and (max-width: 47.938em) {
+@media only all and (max-width: 64.6464em) {
     .two-column-bullet {
         width: 100%;
     }
 }
 .three-column-bullet {
     width: 33.33333%;
 }
-@media only all and (max-width: 47.938em) {
+@media only all and (max-width: 64.6464em) {
     .three-column-bullet {
         width: 100%;
     }
 }
 .four-column-bullet {
     width: 25%;
 }
-@media only all and (max-width: 47.938em) {
+@media only all and (max-width: 64.6464em) {
     .four-column-bullet {
         width: 100%;
     }
@@ -1016,15 +1016,15 @@ td {
 #body #breadcrumbs span {
     padding: 0 0.1rem;
 }
-@media only all and (max-width: 59.938em) {
+@media only all and (max-width: 90.9090em) {
     #sidebar {
         width: 230px;
     }
     #body {
         margin-left: 230px;
     }
 }
-@media only all and (max-width: 47.938em) {
+@media only all and (max-width: 64.6464em) {
     #sidebar {
         width: 230px;
         left: -230px;