Merge branch '605' into 'MetaGer-Redesign'

Fixed H1 Styling for Quicktips

See merge request !1074

resources/assets/js/scriptResultPage.js

@@ -678,15 +678,16 @@ function createQuicktips (quicktips, sprueche) {
       });
     } else {
       mainElem = $('<div class="quicktip-summary">');
-      var headlineElem = $('<h1>');
-      if (quicktip.url.length > 0) {
-        headlineElem.append('<a href=' + quicktip.url + '>' + quicktip.title + '</a>');
-      } else {
-        headlineElem.text(quicktip.title);
+      if (quicktip.title.length > 0) {
+        var headlineElem = $('<h1>');
+        if (quicktip.url.length > 0) {
+          headlineElem.append('<a href=' + quicktip.url + '>' + quicktip.title + '</a>');
+        } else {
+          headlineElem.text(quicktip.title);
+        }
+        mainElem.append(headlineElem);
       }
-      mainElem
-        .append(headlineElem)
-        .append('<p>' + quicktip.summary + '</p>');
+      mainElem.append('<p>' + quicktip.summary + '</p>');
     }
     var quicktipDiv = $('<div class="quicktip" type="' + quicktip.type + '">');
     quicktipDiv

resources/assets/less/metager/result-page.less

@@ -673,6 +673,15 @@ a {
     }
 }
 
+@keyframes quicktip-extender-turn {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(180deg);
+    }
+}
+
 
 /*
  * <div id="quicktips">
@@ -688,15 +697,6 @@ a {
  * </...>
  */
 
-@keyframes quicktip-extender-turn {
-    from {
-        transform: rotate(0deg);
-    }
-    to {
-        transform: rotate(180deg);
-    }
-}
-
 #quicktips {
     display: flex;
     flex-direction: column;
@@ -706,7 +706,7 @@ a {
     }
     .quicktip {
         margin: 10px 0px;
-        padding-left: 10px;
+        padding: 10px 0px 10px 10px;
         border-left: 3px solid #fb0;
         details:not([open=""]) {
             .quicktip-summary p {
@@ -717,6 +717,7 @@ a {
         }
         .quicktip-summary {
             h1 {
+                margin: 0px 0px 5px 0px;
                 font-size: 18px;
                 font-weight: bold;
                 display: flex;