From 428645245b62db5fac246811eef39a82f1c42dcf Mon Sep 17 00:00:00 2001
From: Rumperuu <me+git@bengoldsworthy.net>
Date: Mon, 28 Nov 2022 22:24:04 +0000
Subject: [PATCH] Style media embeds

---
 public/css/app.css                               | 6 ++++--
 resources/views/partials/checkins-list.blade.php | 4 ++--
 resources/views/tracker.blade.php                | 4 ++--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 0501cb2..c79a641 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -195,7 +195,8 @@ body {
     width: auto !important;
 }
 
-.popup__image {
+.popup__image,
+.popup__video {
     width: auto;
     height: auto;
     max-width: 70vw;
@@ -274,7 +275,8 @@ body {
         min-width: 350px;
     }
     
-    .popup__image {
+    .popup__image,
+    .popup__video {
         max-width: 100%;
         max-height: 60vh;
         margin-top: 1em;
diff --git a/resources/views/partials/checkins-list.blade.php b/resources/views/partials/checkins-list.blade.php
index 23820e6..b6453f2 100644
--- a/resources/views/partials/checkins-list.blade.php
+++ b/resources/views/partials/checkins-list.blade.php
@@ -8,12 +8,12 @@
             @if($checkin->note)
               @if(preg_match("/\[\[([^\]]+)\]\]/", $checkin->note, $filepath))
                 @if(preg_match("/\.webm/", $filepath[1]))
-                <video controls>
+                <video class="popup__video" controls>
                   <source src="/videos/{{ $filepath[1] }}" type="video/webm">
                   <p>Your browser doesn't support HTML video. Here is a <a href="/{{ $filepath[1] }}">link to the video</a> instead.</p>
                 </video>
                 @elseif(preg_match("/\.ogg/", $filepath[1]))
-                <audio controls>
+                <audio class="popup__audio" controls>
                   <source src="/audio/{{ $filepath[1] }}" type="audio/ogg">
                   <p>Download <a href="/{{ $filepath[1] }}">OGG</a> audio.</p>
                 </audio>
diff --git a/resources/views/tracker.blade.php b/resources/views/tracker.blade.php
index 9f42120..b4a9e0e 100644
--- a/resources/views/tracker.blade.php
+++ b/resources/views/tracker.blade.php
@@ -94,7 +94,7 @@
                 @if(preg_match("/\[\[([^\]]+)\]\]/", $checkin->note, $filepath))
                   @if(preg_match("/\.webm/", $filepath[1]))
                   @php 
-                    $popupContent = '<video controls><source src="/videos/';
+                    $popupContent = '<video class="popup__video" controls><source src="/videos/';
                     $popupContent .= $filepath[1];
                     $popupContent .= '" type="video/webm">';
                     $popupContent .= '<p>Your browser doesn\'t support HTML video. Here is a <a href="/';
@@ -103,7 +103,7 @@
                   @endphp
                   @elseif(preg_match("/\.ogg/", $filepath[1]))
                   @php 
-                    $popupContent = '<audio controls><source src="/audio/';
+                    $popupContent = '<audio class="popup__audio" controls><source src="/audio/';
                     $popupContent .= $filepath[1];
                     $popupContent .= '" type="audio/ogg">';
                     $popupContent .= '<p>Download <a href="/';