From 4b44e857b2d1174dfa2ce2721dbcebba9cdb1708 Mon Sep 17 00:00:00 2001
From: lucas_nz <lucas_nz@outlook.com>
Date: Wed, 30 Sep 2020 18:05:44 +1300
Subject: minor tweak of the html for alarm frames - these were being cut off.

---
 www/templates/events.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'www/templates')

diff --git a/www/templates/events.html b/www/templates/events.html
index e8f5dfa7..681356ff 100644
--- a/www/templates/events.html
+++ b/www/templates/events.html
@@ -161,7 +161,7 @@
           <div class="row" ng-if="isGroupShown(event)" style="min-height: 50px;padding-top: 5px;margin-top: 0px;">
             <div ng-if="groupType=='alarms'">
               <div>
-                <p>
+                <div style="float: right; margin-right: 10px; margin-bottom: 5px;">
                   <!--scroll <i class="icon ion-arrow-left-c"></i> 
                                 <i class="icon ion-arrow-right-c"></i>-->
                   <button ng-click="toggleTypeOfAlarms()"
@@ -172,10 +172,10 @@
                     class="button button-small button-assertive button-stable button-outline">
                     <span translate="kOutlineMotion"></span>:{{outlineMotion}}
                   </button>
-                </p>
+                </div>
 
 
-                <ion-scroll direction="x" overflow-scroll="false">
+                <ion-scroll direction="x" overflow-scroll="false" style="width: calc(100vw - 22px); margin-left: -10px; margin-right: -10px;">
                   <span ng-repeat="alarm in alarm_images | selectFrames: typeOfFrames">
 
                     <figure class="animated slideInLeft" style="display:inline-block">
-- 
cgit v1.2.3