various changes, fixes to css etc

resources/views/layout8/nav.blade.php

@@ -0,0 +1,42 @@
+<ul class="nav">
+  <div class="card">
+    <a class="badge badge-sexy">{{$video->id}}</a>
+      @if(count($video->tags))
+        @foreach($video->tags as $tag)
+          @if($tag == 'sfw')
+            <a class="badge badge-success isSfw">SFW</a>
+            @elseif($tag == 'nsfw')
+            <a class="badge badge-danger isNsfw">NSFW</a>
+          @endif
+        @endforeach
+      @endif
+  </div>
+
+        @if(auth()->check())
+          @if(auth()->user()->hasFaved($video->id))
+            <form action="{{url($video->id . '/fav')}}">
+              <a hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
+              <button type="submit" id="fav" class="btn btn-dark" fav-data="{{url($video->id . '/fav')}}"><i class="fa fa-heart fa-lg"></i></button>
+            </form>
+          @else
+            <form action="{{url($video->id . '/fav')}}">
+              <a hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
+              <button type="submit" id="fav" class="btn btn-dark bg-toggle"><i class="fa fa-heart-o fa-lg"></i></button>
+            </form>
+          @endif
+          @else
+          @endif
+  
+ <li class="nav-link" data-trigger="hover" data-toggle="popover" data-content="Toggle Videoblur" data-placement="bottom">
+    <button type="button" class="btn btn-dark" id="togglebg"><i class="fa fa-power-off fa-lg"></i></button>
+  </li>
+
+  <li class="nav-link" data-trigger="hover" data-toggle="popover" data-content="Metadata" data-placement="bottom">
+    <button type="button" class="btn btn-dark metadata-button bg-toggle" data-container="body" data-toggle="popover" data-placement="bottom" data-html="true" data-container="body">
+      <i class="fa fa-lg fa-info-circle"></i>
+    </button> 
+    <div id="popover-content" hidden>
+      @include('video-partials.popover-metadata')
+    </div>
+  </li>
+</ul>