Make the home page icon a nice size (#27)

cloudposse-archives · Sep 8, 2019 · 6d119d6 · 6d119d6
1 parent cf08943
commit 6d119d6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/server/static/css/custom.css b/server/static/css/custom.css
@@ -1,7 +1,7 @@
 .container {
   max-width: 1000px; }
 .header {
-  margin-top: 6rem;
+  margin-top: 2.5vw;
   text-align: center; }
 .heading-font-size {
   font-size: 1.2rem;
@@ -58,7 +58,7 @@ tbody {
 /* Larger than phone */
 @media (min-width: 550px) {
   .header {
-    margin-top: 10rem; }
+    margin-top: 4vw; }
   .value-props {
     margin-top: 9rem;
     margin-bottom: 7rem; }

diff --git a/server/web_templates.go b/server/web_templates.go
@@ -73,7 +73,7 @@ var indexTemplate = template.Must(template.New("index.html.tmpl").Parse(`
 <body>
 <div class="container">
   <section class="header">
-    <a title="atlantis" href="{{ .CleanedBasePath }}/"><img src="{{ .CleanedBasePath }}/static/images/atlantis-icon.png"/></a>
+    <a title="atlantis" href="{{ .CleanedBasePath }}/"><img src="{{ .CleanedBasePath }}/static/images/atlantis-icon_512.png" height="15vw" width="auto" max-height="240px"/></a>
     <p class="title-heading">atlantis</p>
     <p class="js-discard-success"><strong>Plan discarded and unlocked!</strong></p>
   </section>