fix(style): svg scales

SteveVanOpstal · Aug 19, 2016 · 70ed9ba · 70ed9ba
1 parent c4405e2
commit 70ed9ba
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 11 deletions.
diff --git a/src/client/assets/images/angular2.svg b/src/client/assets/images/angular2.svg
diff --git a/src/client/assets/images/error.svg b/src/client/assets/images/error.svg
diff --git a/src/client/assets/images/eye.svg b/src/client/assets/images/eye.svg
diff --git a/src/client/assets/images/hourglass.svg b/src/client/assets/images/hourglass.svg
diff --git a/src/client/assets/images/load.svg b/src/client/assets/images/load.svg
diff --git a/src/client/assets/images/logo.svg b/src/client/assets/images/logo.svg
diff --git a/src/client/assets/images/refresh.svg b/src/client/assets/images/refresh.svg
diff --git a/src/client/base.css b/src/client/base.css
@@ -28,7 +28,7 @@ p {
 }
 
 .header > .align-center {
-  max-width: 425px;
+  max-width: 440px;
   display: flex;
 }
 
@@ -117,12 +117,17 @@ help .content {
   color: #555;
 }
 
-/* icons */
+/* loading */
+
+.loading {
+  display: flex;
+}
 
 .icon.load {
   padding: 10px;
   animation: spin 0.8s linear infinite;
   fill:#AAA;
+  margin: 0 auto;
 }
 @keyframes spin { 100% { transform: rotate(360deg); } }
 
@@ -213,7 +218,7 @@ button:disabled {
   justify-content: space-between;
   background-color: transparent;
   padding: 10px;
-  font-size: 1.5em;
+  font-size: 1.3em;
 }
 
 .error-item .error-text {

diff --git a/src/client/index.html b/src/client/index.html
@@ -26,7 +26,9 @@ <h1>Legend Builder</h1>
   </div>
   <div class="content">
     <app>
-      <%= require('./assets/images/load.svg') %>
+      <div class="loading">
+        <%= require('./assets/images/load.svg') %>
+      </div>
     </app>
   </div>