From 06e64c0532ed50e294eed3f351c682f20e245f7e Mon Sep 17 00:00:00 2001
From: Pliable Pixels <pliablepixels@gmail.com>
Date: Sat, 12 Sep 2020 07:39:11 -0400
Subject: #974 add ellipsis on notes truncation

---
 www/css/style.css         |  1 +
 www/templates/events.html | 13 +++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

(limited to 'www')

diff --git a/www/css/style.css b/www/css/style.css
index 967744f6..43d59938 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -568,6 +568,7 @@ http://www.cssportal.com/tryit/index.php?file=blog/css-notification-badge */
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  display: inline-block;
 }
 
 .popup80 .popup {
diff --git a/www/templates/events.html b/www/templates/events.html
index 9ee84344..c7df0812 100644
--- a/www/templates/events.html
+++ b/www/templates/events.html
@@ -48,16 +48,16 @@
                     <span translate="kRecordingProgress"></span>)
                   </span>
                 </div>
-
               </div>
-              <div class="col " style="margin-top:-20px;padding:0px; ">
+
+              <div class="col events-list-text" style="margin-top:-20px;padding:0px; ">
                 <div  style="float:right;background-color:#444;color:#fff;font-size:11px;opacity:0.7;border-radius: 0px 0px 5px 5px;">
                   &nbsp;&nbsp;<i class="ion-calendar"></i>&nbsp;&nbsp;{{prettifyDate(event.Event.StartTime)}} &nbsp;{{tzAbbr}}&nbsp;&nbsp;&nbsp;
                 </div>
               </div>
             </div> <!--row-->
             
-
+            <!-- body of events-->
             <div class="row" style="font-size:80%; color:rgb(110,110,110)">
               <div class="col events-list-text"> <!-- data -->
                 <!-- for largeThumbs show image in this column -->
@@ -90,9 +90,9 @@
                     {{humanize(event.Event.Length)}} &nbsp;
                   </span>
                   <br/><i class="ion-ios-pricetags-outline"></i>&nbsp; {{event.Event.Name}}
-                  <div ng-if="event.Event.Notes" >
-                    <i class="ion-clipboard"></i>&nbsp; {{event.Event.Notes}}
-                  </div>
+                  <span ng-if="event.Event.Notes" >
+                    <br/><i class="ion-clipboard"></i>&nbsp; {{event.Event.Notes}}
+                  </span>
               </div> <!-- col-->
               <!-- 2 col format for small, 1 col format for large -->
               <span ng-if="thumbClass=='small' && loginData.eventViewThumbs!='none'">
@@ -106,6 +106,7 @@
               
              </div> <!--row-->
             
+             <!-- buttons -->
             <div class="row" style="float:right; margin-right: 10px; display: block;">
               <span style="float:right">
                 <div ng-if="event.Event.EndTime || 1">
-- 
cgit v1.2.3