css tweaks to make it a little better on iPhones

main
Mark Cotton 2023-08-08 10:47:06 -06:00
parent f0a7366f31
commit 382a3859cb
1 changed files with 4 additions and 4 deletions

View File

@ -5,10 +5,10 @@
{% for camera in template_values['cameras'] %} {% for camera in template_values['cameras'] %}
{% if camera.is_online() %} {% if camera.is_online() %}
<div class="row"> <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 }} {{ camera.name }}
</div> </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"> <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"> <button class="btn btn-outline-success">
<i class="bi bi-card-image" title="click to load preview image"></i> <i class="bi bi-card-image" title="click to load preview image"></i>
@ -33,10 +33,10 @@
{% for camera in template_values['cameras'] %} {% for camera in template_values['cameras'] %}
{% if camera.is_offline() %} {% if camera.is_offline() %}
<div class="row"> <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 }} {{ camera.name }}
</div> </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"> <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"> <button class="btn btn-outline-success">
<i class="bi bi-card-image" title="click to load preview image"></i> <i class="bi bi-card-image" title="click to load preview image"></i>