footer update

Author: Swimburger

index.html

@@ -10,10 +10,8 @@
  <a href="https://github.com/SNiels/gkeep-vueifire"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
  <app></app>
  <footer>
- Made by <a href="www.sniels.com">Niels Swimberghe</a> with a lot of <i class="fa fa-coffee"></i> and <i class="fa fa-heart"></i> <br>
- <iframe src="https://ghbtns.com/github-btn.html?user=SNiels&repo=gkeep-vueifire&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
- <iframe src="https://ghbtns.com/github-btn.html?user=SNiels&repo=gkeep-vueifire&type=watch&count=true&v=2" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
- <iframe src="https://ghbtns.com/github-btn.html?user=SNiels&repo=gkeep-vueifire&type=fork&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
+ Made by <a href="http://www.sniels.com">Niels Swimberghe</a> with a lot of <i class="fa fa-coffee"></i> and <i class="fa fa-heart"></i>
+ <iframe src="https://ghbtns.com/github-btn.html?user=SNiels&repo=gkeep-vueifire&type=star&count=true" frameborder="0" scrolling="0" width="80px" height="20px"></iframe>
  <iframe src="https://ghbtns.com/github-btn.html?user=SNiels&type=follow&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>
  </footer>
  <!-- built files will be auto injected -->

src/App.vue

@@ -27,25 +27,34 @@ html{
 }
 body{
  min-height: 100%;
- background: #eee;
- padding-bottom: 85px;
 }
 body > div{
- padding: 0 16px;
+ padding: 16px 16px 50px;
+ min-height: 100%;
+ background: #eee;
+ position: relative;
+ margin-bottom: 50px;
+ z-index: 1;
+ box-shadow: 0 2px 5px #111;
 }
 footer{
  background: #333;
- text-align: center;
  color: #fff;
+ text-align: center;
  padding: 12px 0 10px;
- position: absolute;
+ position: fixed;
  bottom: 0;
+ height: 50px;
  width: 100%;
 }
 footer a{
  color: #e03c3c;
 }
+footer .fa-heart{
+ margin: 0 10px 0 0;
+}
 footer iframe{
- margin: 12px 0 0;
+ position: relative;
+ top: 4px;
 }
 </style>

src/components/notes/Create.vue

@@ -36,7 +36,7 @@ export default {
 form.create-note{
  position: relative;
  width: 480px;
- margin: 15px auto;
+ margin: 0 auto 15px;
  background: #fff;
  padding: 15px;
  border-radius: 2px;