Switch from hr dividers to list items

Switched from using horizontal rules to divide articles to
making each article a list item. This is invisible to graphical
browsers, but makes identifying posts and reposts much easier
in text browsers.

public/css/styles.css

@@ -82,18 +82,17 @@ input, textarea {
     width: 100%;
 }
 
+ul {
+    list-style: none;
+    padding: 0;
+}
+
 nav ul {
     display: flex;
     justify-content: space-between;
-    list-style: none;
-    padding: 0;
 }
 
 nav ul li {
     display: inline;
     margin-top: 0;
 }
-
-hr {
-    display: none;
-}

resources/views/context.blade.php

@@ -15,17 +15,19 @@
         @component('navigation')
         @endcomponent
 
-        @foreach ($context['ancestors'] as $ancestor)
-            @component('status', ['status' => $ancestor])
-            @endcomponent
-        @endforeach
+        <ul>
+            @foreach ($context['ancestors'] as $ancestor)
+                @component('status', ['status' => $ancestor])
+                @endcomponent
+            @endforeach
 
-        @component('status', ['status' => $status])
-        @endcomponent
-
-        @foreach ($context['descendants'] as $descendant)
-            @component('status', ['status' => $descendant])
+            @component('status', ['status' => $status])
             @endcomponent
-        @endforeach
+
+            @foreach ($context['descendants'] as $descendant)
+                @component('status', ['status' => $descendant])
+                @endcomponent
+            @endforeach
+        </ul>
     </body>
 </html>

resources/views/home_timeline.blade.php

@@ -22,10 +22,12 @@
             {{ csrf_field() }}
         </form>
 
-        @foreach ($statuses as $status)
-            @component('status', ['status' => $status])
-            @endcomponent
-        @endforeach
+        <ul>
+            @foreach ($statuses as $status)
+                @component('status', ['status' => $status])
+                @endcomponent
+            @endforeach
+        </ul>
 
         @component('pagination', ['links' => $links])
         @endcomponent

resources/views/notification.blade.php

@@ -1,4 +1,4 @@
-<article>
+<li><article>
     @component('event_info', [
         'account' => $notification['account'],
         'created_at' => $notification['created_at'],
@@ -10,4 +10,4 @@
         @component('status', ['status' => $notification['status']])
         @endcomponent
     @endif
-</article>
+</article></li>

resources/views/notifications.blade.php

@@ -15,10 +15,12 @@
         @component('navigation')
         @endcomponent
 
-        @foreach ($notifications as $notification)
-            @component('notification', ['notification' => $notification])
-            @endcomponent
-        @endforeach
+        <ul>
+            @foreach ($notifications as $notification)
+                @component('notification', ['notification' => $notification])
+                @endcomponent
+            @endforeach
+        </ul>
 
         @component('pagination', ['links' => $links])
         @endcomponent

resources/views/public_timeline.blade.php

@@ -15,10 +15,12 @@
         @component('navigation')
         @endcomponent
 
-        @foreach ($statuses as $status)
-            @component('status', ['status' => $status])
-            @endcomponent
-        @endforeach
+        <ul>
+            @foreach ($statuses as $status)
+                @component('status', ['status' => $status])
+                @endcomponent
+            @endforeach
+        </ul>
 
         @component('pagination', ['links' => $links])
         @endcomponent

resources/views/status.blade.php

@@ -1,5 +1,4 @@
-<hr />
-<article>
+<li><article>
     @component('event_info', [
         'account' => $status['account'],
         'created_at' => $status['created_at'],
@@ -54,5 +53,4 @@
             {{ $status['favourites_count'] }}
         </span>
     </div>
-</article>
-<hr />
+</article></li>

resources/views/status_content.blade.php

@@ -28,6 +28,8 @@
         @endif
     @endforeach
 @else
-    @component('status', ['status' => $status['reblog']])
-    @endcomponent
+    <ul>
+        @component('status', ['status' => $status['reblog']])
+        @endcomponent
+    </ul>
 @endif