Update style and templates

Improving the look of pure html

app/templates/forum.forkbb.php

@@ -122,11 +122,17 @@
                 @endforeach
                   </span>
             @endif
+            @if (false !== $topic->hasUnread || false !== $topic->hasNew)
+                  <small>(</small>
+            @endif
             @if (false !== $topic->hasUnread)
-                  <small class="f-tunread"><a href="{{ $topic->linkUnread }}" title="{{ __('Unread posts info') }}"><span class="f-unreadtxt">{!! __('Unread posts') !!}</span></a></small>
+                  <span class="f-tunread"><a href="{{ $topic->linkUnread }}" title="{{ __('Unread posts info') }}"><small class="f-unreadtxt">{!! __('Unread posts') !!}</small></a></span>
             @endif
             @if (false !== $topic->hasNew)
-                  <small class="f-tnew"><a href="{{ $topic->linkNew }}" title="{{ __('New posts info') }}"><span class="f-newtxt">{!! __('New posts') !!}</span></a></small>
+                  <span class="f-tnew"><a href="{{ $topic->linkNew }}" title="{{ __('New posts info') }}"><small class="f-newtxt">{!! __('New posts') !!}</small></a></span>
+            @endif
+            @if (false !== $topic->hasUnread || false !== $topic->hasNew)
+                  <small>)</small>
             @endif
                 </h3>
                 <p class="f-finfo-p">

app/templates/layouts/subforums.forkbb.php

@@ -26,7 +26,9 @@
                       <a class="f-ftname" href="{{ $cur->link }}">{{ $cur->forum_name }}</a>
                     </span>
         @if ($cur->tree->newMessages)
-                    <small class="f-fnew"><a href="{{ $cur->linkNew }}" title="{{ __('New posts') }}"><span class="f-newtxt">{!! __('New posts') !!}</span></a></small>
+                    <small>(</small>
+                    <span class="f-fnew"><a href="{{ $cur->linkNew }}" title="{{ __('New posts') }}"><small class="f-newtxt">{!! __('New posts') !!}</small></a></span>
+                    <small>)</small>
         @endif
                   </h3>
         @if ($cur->subforums)

app/templates/pm/view.forkbb.php

@@ -67,7 +67,9 @@
                     </span>
             @endif
             @if ($topic->hasNew)
-                    <small class="f-tnew"><a href="{{ $topic->linkNew }}" title="{{ __('New posts info') }}"><span class="f-newtxt">{!! __('New posts') !!}</span></a></small>
+                    <small>(</small>
+                    <span class="f-tnew"><a href="{{ $topic->linkNew }}" title="{{ __('New posts info') }}"><small class="f-newtxt">{!! __('New posts') !!}</small></a></span>
+                    <small>)</small>
             @endif
                   </h3>
                   <p><!-- inline -->

public/style/ForkBB/style.css

@@ -87,7 +87,7 @@ body,
 /*#fork s,*/
 #fork samp,
 #fork section,
-#fork small,
+/* #fork small, */
 #fork span,
 #fork strike,
 /*#fork strong,*/
@@ -165,6 +165,10 @@ body,
   resize: vertical;
 }
 
+#fork small {
+  display: none;
+}
+
 #fork summary {
   cursor: pointer;
   margin-bottom: 0.625rem;
@@ -1231,10 +1235,10 @@ body,
   white-space: nowrap;
 }
 
-#fork .f-newtxt,
+/* #fork .f-newtxt,
 #fork .f-unreadtxt {
   display: none;
-}
+} */
 
 #fork .f-fnew > a::before,
 #fork .f-tnew > a::before {