style: add proper styling for nav-bar-divider in navbar

1 files changed, 10 insertions, 0 deletions

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 9b22bac..fa1f0fa 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -72,6 +72,13 @@
 
     <style>
     @yield('styles')
+    .nav-bar-divider {
+        display: inline;
+        padding: 0 8px;
+        color: #fff;
+        opacity: 0.5;
+        user-select: none;
+    }
     </style>
     @if ( "new" == Request::route()->getName() || "popular" == Request::route()->getName() )
 	    {!! Rumenx\Feed\Feed::link( url('feed/' . Request::route()->getName()), 'atom', 'RSS-Feed for ' . Request::route()->getName() . ' Articles'); !!}
@@ -138,6 +145,9 @@
                                 <li class="nav-item">
                                     <a class="nav-link" href="{{ route('random') }}">{{ __('Random') }}</a>
                                 </li>
+                                <li class="nav-item nav-bar-divider">
+                                    <span class="nav-link" style="pointer-events: none;">|</span>
+                                </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="{{ route('cinema.index') }}">{{ __('Cinema') }}</a>
                                 </li>