Update style for stats template

app/templates/layouts/stats.forkbb.php

@@ -1,32 +1,32 @@
-    <aside class="f-stats">
+    <aside id="fork-stats">
       <h2>{!! __('Stats info') !!}</h2>
 @if ($p->stats)
-      <dl class="f-stboard">
-        <dt>{!! __('Board stats') !!}</dt>
-        <dd>{!! __('No of users') !!} <b>{!! num($p->stats->userTotal) !!}</b></dd>
-        <dd>{!! __('No of topics') !!} <b>{!! num($p->stats->topicTotal) !!}</b></dd>
-        <dd>{!! __('No of posts') !!} <b>{!! num($p->stats->postTotal) !!}</b></dd>
+      <dl id="fork-stboard">
+        <dt class="f-stats-dt">{!! __('Board stats') !!}</dt>
+        <dd class="f-stats-dd">{!! __('No of users') !!} <b>{!! num($p->stats->userTotal) !!}</b></dd>
+        <dd class="f-stats-dd">{!! __('No of topics') !!} <b>{!! num($p->stats->topicTotal) !!}</b></dd>
+        <dd class="f-stats-dd">{!! __('No of posts') !!} <b>{!! num($p->stats->postTotal) !!}</b></dd>
       </dl>
 @endif
-      <dl class="f-stusers">
-        <dt>{!! __('User info') !!}</dt>
+      <dl id="fork-stusers">
+        <dt class="f-stats-dt">{!! __('User info') !!}</dt>
 @if ($p->stats)
     @if ($p->stats->userLast['link'])
-        <dd>{!! __('Newest user')  !!} <a href="{{ $p->stats->userLast['link'] }}">{{ $p->stats->userLast['name'] }}</a></dd>
+        <dd class="f-stats-dd">{!! __('Newest user')  !!} <a href="{{ $p->stats->userLast['link'] }}">{{ $p->stats->userLast['name'] }}</a></dd>
     @else
-        <dd>{!! __('Newest user')  !!} {{ $p->stats->userLast['name'] }}</dd>
+        <dd class="f-stats-dd">{!! __('Newest user')  !!} {{ $p->stats->userLast['name'] }}</dd>
     @endif
 @endif
 @if ($p->online)
-        <dd>{!! __(['Visitors online', num($p->online->numUsers), num($p->online->numGuests)]) !!}</dd>
+        <dd class="f-stats-dd">{!! __(['Visitors online', num($p->online->numUsers), num($p->online->numGuests)]) !!}</dd>
     @if ($p->stats)
-        <dd>{!! __(['Most online', num($p->online->maxNum), dt($p->online->maxTime)]) !!}</dd>
+        <dd class="f-stats-dd">{!! __(['Most online', num($p->online->maxNum), dt($p->online->maxTime)]) !!}</dd>
     @endif
 @endif
       </dl>
 @if ($p->online && $p->online->info)
-      <dl class="f-inline f-onlinelist"><!-- inline -->
-        <dt>{!! __('Online users') !!}</dt>
+      <dl id="fork-onlinelist" class="f-inline"><!-- inline -->
+        <dt id="id-onlst-dt">{!! __('Online users') !!}</dt>
     @foreach ($p->online->info as $cur)
         @if ($cur['link'])
         <dd><a href="{{ $cur['link'] }}">{{ $cur['name'] }}</a></dd>

public/style/ForkBB/style.css

@@ -1001,59 +1001,57 @@ body,
 /*********************/
 /* Статистика форума */
 /*********************/
-#fork .f-stats {
+#fork #fork-stats {
   border-top: 0.0625rem solid #AA7939;
   font-size: 0.875rem;
   padding: 0.3125rem 0;
 }
 
-#fork .f-stats dt {
+#fork-stats .f-stats-dt {
   display: none;
 }
 
-#fork .f-stboard,
-#fork .f-stusers {
+#fork-stats #fork-stboard,
+#fork-stats #fork-stusers {
   padding: 0.3125rem;
 }
 
-#fork .f-stboard {
+#fork-stats #fork-stboard {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   border-bottom: 0.0625rem dotted #AA7939;
 }
 
-#fork .f-stboard > dd,
-#fork .f-stusers > dd {
+#fork-stats .f-stats-dd {
   padding: 0 0.3125rem;
 }
 
-#fork .f-onlinelist {
+#fork-stats #fork-onlinelist {
   border-top: 0.0625rem dotted #AA7939;
   padding: 0.3125rem 0.625rem;
   width: 100%
 }
 
-#fork .f-onlinelist > dt {
-  display: inline;
+#fork-onlinelist #id-onlst-dt {
   font-weight: bold;
 }
 
 @media screen and (min-width: 45rem) {
-  #fork .f-stats {
+  #fork #fork-stats {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between
   }
 
-  #fork .f-stboard {
+  #fork-stats #fork-stboard {
     flex-direction: column;
     flex-wrap: nowrap;
     align-items: flex-end;
     border: 0;
   }
 
-  #fork .f-stusers {
+  #fork-stats #fork-stusers {
     order: -1;
   }
 }