1 files changed, 32 insertions, 7 deletions

diff --git a/priv/static/instance/static.css b/priv/static/instance/static.css
index 7112e3ad8..e2e946e99 100644
--- a/priv/static/instance/static.css
+++ b/priv/static/instance/static.css
@@ -1,16 +1,46 @@
+* {
+  box-sizing: border-box;
+}
+
 body {
   background-color: #121a24;
   font-family: sans-serif;
   color: #b9b9ba;
+  padding: 0;
+  margin: 0;
+}
+
+.instance-header {
+  padding: 10px;
+  background: #182230;
+  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.5);
+}
+
+.instance-header__content {
+  display: flex;
+  align-items: center;
+  max-width: 400px;
+  margin: 0 auto;
+}
+
+.instance-header__thumbnail {
+  max-width: 40px;
+  border-radius: 4px;
+  margin-right: 10px;
+}
+
+.instance-header__title {
+  font-size: 16px;
+  font-weight: bold;
 }
 
 .container {
-  max-width: 420px;
+  max-width: 400px;
   padding: 20px;
   background-color: #182230;
   border-radius: 4px;
   margin: auto;
-  margin-top: 10vh;
+  margin-top: 35px;
   box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.5);
 }
 
@@ -104,7 +134,6 @@ input {
   background-color: #121a24;
   border: 4px solid #121a24;
   box-shadow: 0px 0px 1px 0 #d8a070;
-  box-sizing: border-box;
   width: 1.2em;
   height: 1.2em;
   margin-right: 1.0em;
@@ -126,7 +155,6 @@ input:focus {
 }
 
 button {
-  box-sizing: border-box;
   width: 100%;
   background-color: #1c2a3a;
   color: #b9b9ba;
@@ -150,7 +178,6 @@ button:hover {
 }
 
 .alert-danger {
-  box-sizing: border-box;
   width: 100%;
   background-color: #931014;
   border: 1px solid #a06060;
@@ -162,7 +189,6 @@ button:hover {
 }
 
 .alert-info {
-  box-sizing: border-box;
   width: 100%;
   border-radius: 4px;
   border: 1px solid #7d796a;
@@ -174,7 +200,6 @@ button:hover {
 
 .account-header {
   display: flex;
-  margin: 20px 0;
 }
 
 .account-header .avatar {