make magnet h2 clickable

src/public/assets/theme/default/css/common.css

@@ -12,6 +12,19 @@ body {
   font-size: 13px;
 }
 
+a,
+a:visited,
+a:active {
+  color: #96d9a1;
+  text-decoration: none;
+  opacity: .9;
+}
+
+a:hover {
+  opacity: 1;
+  transition: opacity .5s ease-in-out;
+}
+
 h1, h2, h3, h4, h5 {
   display: inline-block;
   font-weight: normal;
@@ -22,21 +35,17 @@ h1 {
 }
 
 h2 {
+  color: #ccc;
   font-size: 16px;
 }
 
-a,
-a:visited,
-a:active {
-  color: #96d9a1;
-  text-decoration: none;
-  opacity: .9;
-}
-
-a:hover {
-  opacity: 1;
-  transition: opacity .5s ease-in-out;
+/* @TODO doubts
+a h2,
+a:visited h2,
+a:active h2 {
+  color: #a4d4ff;
 }
+*/
 
 input,
 textarea {

src/public/assets/theme/default/css/framework.css

@@ -82,6 +82,10 @@
   border-bottom: 1px #5d627d solid;
 }
 
+.border-top-default {
+  border-top: 1px #5d627d solid;
+}
+
 .background-color-night {
   background-color: #34384f;
 }
@@ -216,6 +220,10 @@
   margin-bottom: 8px;
 }
 
+.margin-t-16 {
+  margin-top: 16px;
+}
+
 .margin-b-16 {
   margin-bottom: 16px;
 }

src/public/index.php

@@ -271,7 +271,9 @@ echo '<?xml version="1.0" encoding="UTF-8"?>' . PHP_EOL ?>
                                 background-color-night
                                 <?php echo !$magnet->public || !$magnet->approved ? 'opacity-06 opacity-hover-1' : false ?>">
                       <div class="padding-16 <?php echo $magnet->sensitive ? 'blur-2 blur-hover-0' : false ?>">
-                        <h2 class="margin-b-8"><?php echo $magnet->metaTitle ?></h2>
+                        <a href="<?php echo sprintf('%s/magnet.php?magnetId=%s', WEBSITE_URL, $magnet->magnetId) ?>">
+                          <h2 class="margin-b-8"><?php echo $magnet->metaTitle ?></h2>
+                        </a>
                         <div class="float-right opacity-0 parent-hover-opacity-09">
                         <?php if (!$magnet->public) { ?>
                           <span class="margin-l-8" title="<?php echo _('Private') ?>">

src/public/magnet.php

@@ -251,7 +251,7 @@ echo '<?xml version="1.0" encoding="UTF-8"?>' . PHP_EOL ?>
                             <?php echo !$response->magnet->public || !$response->magnet->approved ? 'opacity-06 opacity-hover-1' : false ?>">
                   <div class="padding-16 <?php echo $response->magnet->sensitive ? 'blur-2 blur-hover-0' : false ?>">
                     <a name="magnet-<?php echo $response->magnet->magnetId ?>"></a>
-                    <h2 class="margin-b-8"><?php echo $response->magnet->metaTitle ?></h2>
+                    <h1 class="margin-b-8"><?php echo $response->magnet->metaTitle ?></h1>
                     <div class="float-right opacity-0 parent-hover-opacity-09">
                     <?php if (!$response->magnet->public) { ?>
                       <span class="margin-l-8" title="<?php echo _('Private') ?>">
@@ -289,7 +289,7 @@ echo '<?xml version="1.0" encoding="UTF-8"?>' . PHP_EOL ?>
                       <div class="margin-y-8"><?php echo $response->magnet->metaDescription ?></div>
                     <?php } ?>
                     <?php if ($response->magnet->description) { ?>
-                      <div class="margin-y-8"><?php echo $response->magnet->description ?></div>
+                      <div class="margin-t-16 margin-b-8 padding-t-16  border-top-default"><?php echo $response->magnet->description ?></div>
                     <?php } ?>
                     <?php if ($response->magnet->keywords) { ?>
                       <div class="margin-y-8">