From 382a3859cbbdb8cf38bcc2ed5682046a598fad39 Mon Sep 17 00:00:00 2001
From: Mark Cotton <tifosigoon@gmail.com>
Date: Tue, 8 Aug 2023 10:47:06 -0600
Subject: [PATCH] css tweaks to make it a little better on iPhones

---
 templates/cameras_partial.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/cameras_partial.html b/templates/cameras_partial.html
index 29932b0..87bcaa6 100644
--- a/templates/cameras_partial.html
+++ b/templates/cameras_partial.html
@@ -5,10 +5,10 @@
 {% for camera in template_values['cameras'] %}
     {% if camera.is_online() %}
         <div class="row">
-            <div class="col-6 offset-1 left_text" style="overflow: hidden;">
+            <div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
                 {{ camera.name }}
             </div>
-            <div class="col-5">
+            <div class="col-sm-6 col-md-5">
                 <a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
                     <button class="btn btn-outline-success">
                         <i class="bi bi-card-image" title="click to load preview image"></i>
@@ -33,10 +33,10 @@
 {% for camera in template_values['cameras'] %}
     {% if camera.is_offline() %}
         <div class="row">
-            <div class="col-6 offset-1 left_text" style="overflow: hidden;">
+            <div class="col-sm-5 col-md-6 offset-1 left_text" style="overflow: hidden;">
                 {{ camera.name }}
             </div>
-            <div class="col-5">
+            <div class="col-sm-6 col-md-5">
                 <a href="/camera/{{ camera.id }}/preview" hx-get="/camera/{{ camera.id }}/preview" hx-trigger="click" hx-target="#camera_detail" hx-indicator=".progress">
                     <button class="btn btn-outline-success">
                         <i class="bi bi-card-image" title="click to load preview image"></i>