Footer fixed at the bottom of the main area

RawToast · Apr 7, 2018 · c244d79 · c244d79
1 parent 682dc7d
commit c244d79
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/dokusho/src/app/Dokusho.re b/dokusho/src/app/Dokusho.re
@@ -58,9 +58,8 @@ module Dokusho {
                 enabledDates=(availableDates) />  
 
               <Entries entries=(entries) />
-
-              <Footer pageCount=(pageCount) />
-            </div>
+           </div>
+            <Footer pageCount=(pageCount) />
           </div>
     }
   };  

diff --git a/dokusho/src/styles/index.css b/dokusho/src/styles/index.css
@@ -29,6 +29,7 @@ body {
   box-shadow: 0 2px 15px #ccc;
   margin: 10px;
   align-items: stretch;
+  position: relative;
   }
 
 .title {
@@ -90,9 +91,8 @@ body {
 }
 
 .footer {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  align-self: flex-end;
-  padding: 5px 10px 20px;
+  position: absolute;
+  padding-bottom: 15px;
+  bottom:0;
+  left: 40%
 }