diff --git a/hosting/static/hosting/css/landing-page.css b/hosting/static/hosting/css/landing-page.css
index cbbc5898..c79f35a7 100644
--- a/hosting/static/hosting/css/landing-page.css
+++ b/hosting/static/hosting/css/landing-page.css
@@ -17,12 +17,12 @@ h3,
 h4,
 h5,
 h6 {
-    font-family: 'Raleway',"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-family: 'Raleway', "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-weight: 700;
 }
 
 .topnav {
-    font-size: 14px; 
+    font-size: 14px;
 }
 
 .lead {
@@ -38,6 +38,7 @@ h6 {
     background: url(../img/intro-bg.jpg) no-repeat center center;
     background-size: cover;
 }
+
 .intro-header-1 {
     padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
     padding-bottom: 50px;
@@ -46,6 +47,7 @@ h6 {
     background: url(../img/configure.jpg) no-repeat center center;
     background-size: cover;
 }
+
 .intro-header-2 {
     padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
     padding-bottom: 50px;
@@ -54,6 +56,7 @@ h6 {
     background: url(../img/configure.jpg) no-repeat center center;
     background-size: cover;
 }
+
 .intro-message {
     position: relative;
     padding-top: 20%;
@@ -75,7 +78,7 @@ h6 {
 
 .intro-signup {
     background: url(../img/configure.jpg) no-repeat center center;
-    background-size: cover;   
+    background-size: cover;
 }
 
 .intro-message > h1 {
@@ -87,14 +90,14 @@ h6 {
 .intro-divider {
     width: 400px;
     border-top: 1px solid #f8f8f8;
-    border-bottom: 1px solid rgba(0,0,0,0.2);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
 
 .intro-message > h3 {
     font-weight: 300;
 }
 
-@media(max-width:767px) {
+@media (max-width: 767px) {
     .intro-message {
         padding-bottom: 15%;
     }
@@ -168,17 +171,17 @@ h6 {
     margin-top: 0;
 }
 
-@media(max-width:1199px) {
+@media (max-width: 1199px) {
     ul.banner-social-buttons {
         float: left;
         margin-top: 15px;
     }
 }
 
-@media(max-width:767px) {
+@media (max-width: 767px) {
     .banner h2 {
         margin: 0;
-        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
+        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
         font-size: 3em;
     }
 
@@ -194,31 +197,34 @@ h6 {
 }
 
 footer {
-    padding: 50px 0;
+    padding: 2%;
     background-color: #f8f8f8;
+    #position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
 }
 
 p.copyright {
     margin: 15px 0 0;
 }
 
-
 a#forgotpassword {
-	color: #ffffff;
-	}
+    color: #ffffff;
+}
 
 .content-404 h1 {
-  margin: 0 0 15px;
-  font-size: 200px;
-  line-height: 1;
-  font-weight: 700;
-  color: #6db97c;
+    margin: 0 0 15px;
+    font-size: 200px;
+    line-height: 1;
+    font-weight: 700;
+    color: #6db97c;
 }
 
 a.unlink {
-  color: inherit;
+    color: inherit;
 }
 
 a.unlink:hover {
-  color: inherit;
+    color: inherit;
 }
\ No newline at end of file
diff --git a/hosting/templates/hosting/order_detail.html b/hosting/templates/hosting/order_detail.html
index 8e1ff691..607c3677 100644
--- a/hosting/templates/hosting/order_detail.html
+++ b/hosting/templates/hosting/order_detail.html
@@ -58,6 +58,7 @@
                 <hr>
                 <h4>Total<p class="pull-right"><b>{{order.vm_plan.price}} CHF</b></p></h4>
             </div>
+            <a href="{% url 'hosting:virtual_machines' order.vm_plan.id %}" class="pull-right"><button class="btn-info">View instance</button></a>
         </div>
     </div>
 </div>
diff --git a/membership/static/stylesheet.css b/membership/static/stylesheet.css
index 20f5931b..9357a1c0 100644
--- a/membership/static/stylesheet.css
+++ b/membership/static/stylesheet.css
@@ -6,161 +6,163 @@
 /* ---------- http://weloveiconfonts.com/ ---------- */
 
 *[class*="fontawesome-"]:before {
-  font-family: 'FontAwesome', sans-serif;
+    font-family: 'FontAwesome', sans-serif;
 }
 
 /* ---------- GENERAL ---------- */
 
 /*body {*/
-	/*background: #f9f9f9;*/
-	/*color: #0e171c;*/
-	/*font: 300 100%/1em 'Lato', sans-serif;*/
-	/*margin: 0;*/
+/*background: #f9f9f9;*/
+/*color: #0e171c;*/
+/*font: 300 100%/1em 'Lato', sans-serif;*/
+/*margin: 0;*/
 /*}*/
 /**/
 /*a {*/
-	/*text-decoration: none;*/
+/*text-decoration: none;*/
 /*}*/
 
 /*Month size*/
 #monthtitle {
-	font-size: 1.2em;
-	line-height: 1.25em;
-	margin: .25em 0;
-	font-weight: 600;
+    font-size: 1.2em;
+    line-height: 1.25em;
+    margin: .25em 0;
+    font-weight: 600;
 }
 
 h3 {
-	font-size: 1.5em;
-	line-height: 1em;
-	margin: .33em 0;
+    font-size: 1.5em;
+    line-height: 1em;
+    margin: .33em 0;
 }
 
 table {
-	border-collapse: collapse;
-	border-spacing: 0;
-	margin:auto;
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin: auto;
 
 }
 
 /*.container {*/
-	/*height: 358px;*/
-	/*left: 50%;*/
-	/*margin: -255px 0 0 -245px;*/
-	/*position: absolute;*/
-	/*top: 50%;*/
-	/*width: 340px;*/
+/*height: 358px;*/
+/*left: 50%;*/
+/*margin: -255px 0 0 -245px;*/
+/*position: absolute;*/
+/*top: 50%;*/
+/*width: 340px;*/
 /*}*/
 
 /* ---------- CALENDAR ---------- */
 
 .calendar {
-	text-align: center;
+    text-align: center;
 }
 
 .calendar header {
-	position: relative;
+    position: relative;
 }
 
 .calendar #monthtitle {
-	text-transform: uppercase;
-	color: #1A6687;
+    text-transform: uppercase;
+    color: #1A6687;
 }
 
-#datesbooked{
-	color:#1a6687;
-	padding-top: 2px;
+#datesbooked {
+    color: #1a6687;
+    padding-top: 2px;
 }
+
 /*Title*/
 .calendar thead {
-	font-weight: 500;
-	/*text-transform: uppercase;*/
-	color: #8BC4C9;
-	/*margin-bottom:1px;*/
+    font-weight: 500;
+    /*text-transform: uppercase;*/
+    color: #8BC4C9;
+    /*margin-bottom:1px;*/
 
 }
 
 /*Body text*/
 .calendar tbody {
-	color: #7c8a95;
+    color: #7c8a95;
 }
 
 /*select date*/
 .calendar tbody td:hover {
-	background: #8BC4C9;
-	color: #f9f9f9;
-	/*border: .1px solid #8BC4C9;*/
+    background: #8BC4C9;
+    color: #f9f9f9;
+    /*border: .1px solid #8BC4C9;*/
 
-	/*border-radius: 50%;*/
+    /*border-radius: 50%;*/
 }
-.selected{
-	background: #6b9699;
-	color: #f9f9f9;
+
+.selected {
+    background: #6b9699;
+    color: #f9f9f9;
 }
-.calendar thead>tr>td{
-	border-top:hidden;
-	border-left:hidden;
-	border-right: hidden;
+
+.calendar thead > tr > td {
+    border-top: hidden;
+    border-left: hidden;
+    border-right: hidden;
 }
 
 .calendar td {
-	border: .1px solid #cbd1d2;
-	/*border-radius: 50%;*/
-	display: inline-block;
-	height: 2.5em;
-	line-height: 2.5em;
-	text-align: center;
-	width: 2.5em;
-	
+    border: .1px solid #cbd1d2;
+    /*border-radius: 50%;*/
+    display: inline-block;
+    height: 2.5em;
+    line-height: 2.5em;
+    text-align: center;
+    width: 2.5em;
+
 }
 
 .calendar .prev-month,
 .calendar .next-month {
-	/*border: .1px solid #cbd1d2;*/
-	color: #cbd1d2;
+    /*border: .1px solid #cbd1d2;*/
+    color: #cbd1d2;
 
 }
 
 .calendar .prev-month:hover,
 .calendar .next-month:hover {
-	border: .5px solid #cbd1d2;
-	background: #cbd1d2;
-	color: #f9f9f9;
+    border: .5px solid #cbd1d2;
+    background: #cbd1d2;
+    color: #f9f9f9;
 }
 
 /*Today*/
 .current-day {
-	color: #8BC4C9;
-	/*background-color: #8BC4C9;*/
+    color: #8BC4C9;
+    /*background-color: #8BC4C9;*/
 }
 
-
 /*Next,Prev month*/
 .btn-prev,
 .btn-next {
-	border: 1px solid transparent;
-	color: #8BC4C9;
-	font-size: 1.5em;
-	padding: 1em;
-	/*height: .7em;*/
-	/*line-height: .3em;*/
-	/*margin: auto;*/
-	/*position: absolute;*/
-	/*top: .1em;*/
-	/*width: 25em;*/
+    border: 1px solid transparent;
+    color: #8BC4C9;
+    font-size: 1.5em;
+    padding: 1em;
+    /*height: .7em;*/
+    /*line-height: .3em;*/
+    /*margin: auto;*/
+    /*position: absolute;*/
+    /*top: .1em;*/
+    /*width: 25em;*/
 }
 
-
 .btn-prev:hover,
 .btn-next:hover {
-	background: none;
-	color: #1A6687;
+    background: none;
+    color: #1A6687;
 }
 
 .btn-prev {
-	left: 6em;
+    left: 6em;
 }
 
 .btn-next {
-	right: 6em;
-}
\ No newline at end of file
+    right: 6em;
+}
+