Moving permalink in pattern

getchopchop · Mar 8, 2017 · 3d22790 · 3d22790
1 parent 7421515
commit 3d22790
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/inc/lib/content.php b/inc/lib/content.php
@@ -68,10 +68,9 @@ public static function sectionTitle($options, $section) {
         if($section) {
             $sectionTitle = ucwords(str_replace('-',' ',$section ));
             $title .= '<span class="cc-pattern__anchor" id="section-' . str_replace(' ', '-', strtolower($sectionTitle)) . '"></span><div class="cc-pattern__header">';
-            $title .= '<h3>' . $sectionTitle . '</h3>';
-            $title .= '<a href="#section-' . str_replace(' ', '-', strtolower($sectionTitle)) . '"><svg class="icon icon--lg">
+            $title .= '<h3><a href="#section-' . str_replace(' ', '-', strtolower($sectionTitle)) . '"><svg class="icon icon--lg">
             <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/build/img/vector/general/symbol/sprite-symbol.svg#link"></use>
-        </svg></a>';
+        </svg> ' . $sectionTitle . '</a></h3>';
             $title .= "</div>";
         }
 

diff --git a/src/scss/chopchop-ui.scss b/src/scss/chopchop-ui.scss
@@ -277,17 +277,21 @@
         background-color: color(neutral, lightest);
         border: 1px solid color(neutral, lighter);
         border-radius: $border-radius $border-radius 0 0;
-        padding: spacing() spacing(xl);
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
+        padding: spacing() spacing(lg);
 
         h3 {
             padding-right: spacing();
         }
 
+        a {
+            text-decoration: none;
+        }
+
         svg {
             fill: color(neutral, light);
+            height: 18px;
+            width: 18px;
+            margin-right: 5px;
         }
 
         * {