Fix UI for /about page #26

Legislatura · Oct 21, 2014 · b69bb56 · b69bb56
1 parent 759808e
commit b69bb56
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 33 deletions.
diff --git a/lib/about/component.json b/lib/about/component.json
@@ -10,7 +10,7 @@
   "locals": [
     "view"
   ],
-  "images": [ "images/question.svg" ],
+  "images": [ "images/cover.png" ],
   "scripts": [ "about.js", "view.js" ],
   "styles": [ "styles.styl" ],
   "templates": [ "template.jade" ],

diff --git a/lib/about/images/question.svg b/lib/about/images/question.svg
diff --git a/lib/about/styles.styl b/lib/about/styles.styl
@@ -3,23 +3,27 @@
 
   .entry-tag
     font-weight bold
-    font-size 11px
+    font-size 14px
     text-transform uppercase
     text-align center
     position absolute
     left 320px
     width 100px
     top 44px
-    img
-      width 40px
-      height 40px
+    .glyphicon
       left 30px
       top 20px
       position absolute
+      color white
+      font-size 40px
 
     .hexagon
       width 80px
       height 80px
 
+    .text
+      display block
+      margin-top 6px
+
   img.cover
     width 100%
diff --git a/lib/about/template.jade b/lib/about/template.jade
@@ -1,15 +1,15 @@
 #about.inner-container
   .entry-tag(style="border-color: #00708f")
 
-    img(src='/lib/about/images/question.svg', style="fill: white;")
+    span.glyphicon.glyphicon-question-sign
 
     svg(viewbox='0 0 126 144', version='1.1', xmlns='http://www.w3.org/2000/svg', xmlns:xlink='http://www.w3.org/1999/xlink', xmlns:sketch='http://www.bohemiancoding.com/sketch/ns').hexagon
       title Hexagon
       description Created with Sketch (http://www.bohemiancoding.com/sketch)
       g#Page-1(fill='none', fill-rule='evenodd', sketch:type='MSPage')
         polygon#Polygon-1(d='M63,0 L125.353829,36 L125.353829,108 L63,144 L0.646170928,108 L0.646170928,36 L63,0 Z M63,0', fill='#00708f', sketch:type='MSShapeGroup', points='63 0 125.353829 36 125.353829 108 63 144 0.646170928 108 0.646170928 36 ')
 
-    span(style="color: black") DEMOS
+    span.text(style="color: black") DEMOS
   img.cover(src='lib/about/images/cover.png')
   h1=t('about.title.1')
   p=t('about.paragraph.1.1')