Move github related post-header icons on the righ

fusioninventory · May 16, 2017 · 7a3ca9b · 7a3ca9b
1 parent 30f2e54
commit 7a3ca9b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -5,8 +5,8 @@
 
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>
-    <a href="https://github.com/fusioninventory/fusioninventory.github.io/tree/master/{{ page.path }}"><img src="{{ baseurl }}/images/edit_page.png" title="Edit this page on github" alt="Edit this page on github"/></a>
-    <a href="https://github.com/fusioninventory/fusioninventory.github.io/issues/new?title={{ page.path }}"><img src="{{ baseurl }}/images/report_issue.png" title="Report issue on github" alt="Report issue on github"/></a>
+    <a href="https://github.com/fusioninventory/fusioninventory.github.io/tree/master/{{ page.path }}" class="edit-icon"><img src="{{ baseurl }}/images/edit_page.png" title="Edit this page on github" alt="Edit this page on github"/></a>
+    <a href="https://github.com/fusioninventory/fusioninventory.github.io/issues/new?title={{ page.path }}" class="issue-icon"><img src="{{ baseurl }}/images/report_issue.png" title="Report issue on github" alt="Report issue on github"/></a>
 
     <!--the Twitter base https://twitter.com/share --> 
 

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -198,6 +198,14 @@
  */
 .post-header {
     margin-bottom: $spacing-unit;
+
+    .edit-icon {
+        float: right;
+    }
+
+    .issue-icon {
+        float: right;
+    }
 }
 
 .post-title {
@@ -214,23 +222,23 @@
     margin-bottom: $spacing-unit;
 
     h2 {
-        font-size: 32px;
+        font-size: $base-font-size * 1.5;
 
         @include media-query($on-laptop) {
             font-size: 28px;
         }
     }
 
     h3 {
-        font-size: 26px;
+        font-size: $base-font-size * 1.2;
 
         @include media-query($on-laptop) {
             font-size: 22px;
         }
     }
 
     h4 {
-        font-size: 20px;
+        font-size: $base-font-size;
 
         @include media-query($on-laptop) {
             font-size: 18px;