Update README.md

[github/bastienwirtz/homer.git] / src / assets / app.scss

diff --git a/src/assets/app.scss b/src/assets/app.scss
index 001e3a4d395adb37ea8fbbb6ba2e1d95477fc62e..59afd002f35c05a4567475214efb1a6a5d08a9a8 100644 (file)
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -13,17 +13,20 @@
   text-overflow: ellipsis;
 }
 
-html {
+html, body, body #app {
   height: 100%;
+  background-color: var(--background);
 }
 
 body {
   font-family: "Raleway", sans-serif;
-  height: 100%;
 
   #app {
+    height: auto;
     min-height: 100%;
-    background-color: var(--background);
+    background-image: var(--background-image);
+    background-size: cover;
+    background-position: center;
     color: var(--text);
     transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
 
@@ -167,6 +170,7 @@ body {
 
     .title {
       font-size: 1.1em;
+      line-height: 1.2em;
       @include ellipsis();
     }
 
@@ -322,11 +326,11 @@ body {
     text-align: center;
     margin: 35px 0;
 
-    svg {
+    i {
       font-size: 2rem;
     }
 
-    svg.fa-redo-alt {
+    i.fa-redo-alt {
       font-size: 1.3rem;
       line-height: 1rem;
       vertical-align: middle;