From d91572ae0db5ab148829d8311ccba1d4c61c86fb Mon Sep 17 00:00:00 2001
From: pliablepixels <pliablepixels@gmail.com>
Date: Thu, 19 May 2016 20:20:17 -0400
Subject: more styling

Former-commit-id: 5d62028eeeb2dc5c21aecaffc02c83a5b2c4df36
---
 www/css/style.css                 | 11 ++++++++++-
 www/templates/events.html         |  2 +-
 www/templates/timeline-modal.html |  2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/www/css/style.css b/www/css/style.css
index 0261e6e2..92015e22 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -1016,10 +1016,19 @@ body { font-family: sans-serif; }
   opacity:1;
   color:#fff;
   z-index:9998;
-      
    
 }
 
+.smallnote
+{
+    font-size:9px;
+    text-align:center;
+    background-color: rgba(0,0,0,0.3);
+    color:rgb(0,0,0);
+    border-top-left-radius:5px;
+    border-top-right-radius:5px;
+    
+}
 
 
 
diff --git a/www/templates/events.html b/www/templates/events.html
index 88dab016..61fd52d4 100644
--- a/www/templates/events.html
+++ b/www/templates/events.html
@@ -155,7 +155,7 @@
                                                  
                                             <figure style="display:inline-block">
                                                 
-                                                <figcaption><p>frame:{{alarm.frameid}} score:{{alarm.score}}</p></figcaption>       
+                                                <figcaption class="smallnote">frame:{{alarm.frameid}} score:{{alarm.score}}</figcaption>       
                                                   <img ng-if="event.Event.imageMode=='path'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&path={{event.Event.relativePath}}{{alarm.fname}}&height=380"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.frameid, event.Event.Id, event.Event.imageMode, alarm.id)"/>
                                                 
                                                 <img ng-if="event.Event.imageMode=='fid'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&fid={{alarm.id}}"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.frameid, event.Event.Id, event.Event.imageMode, alarm.id)"/>
diff --git a/www/templates/timeline-modal.html b/www/templates/timeline-modal.html
index 89753f72..1d53538b 100644
--- a/www/templates/timeline-modal.html
+++ b/www/templates/timeline-modal.html
@@ -34,7 +34,7 @@
                                
                                 
                             <figure style="display:inline-block">
-                                <figcaption><small>f:{{alarm.fid}} scr:{{alarm.score}} @ {{alarm.time}}</small></figcaption>       
+                                <figcaption class="smallnote">f:{{alarm.fid}} scr:{{alarm.score}} @ {{alarm.time}}></figcaption>       
                                 <img ng-if="event.Event.imageMode=='path'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&path={{event.Event.relativePath}}{{alarm.fname}}&height=380"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.fid, event.Event.Id, event.Event.imageMode, alarm.id)"/>
                                                 
                                 <img ng-if="event.Event.imageMode=='fid'" image-spinner-src="{{event.Event.baseURL}}/index.php?view=image&fid={{alarm.id}}"    style="width: auto; height: auto;max-width: 100%;max-height: 170px" on-tap="showImage(event.Event.baseURL,event.Event.relativePath,alarm.fname, alarm.fid, event.Event.Id, event.Event.imageMode, alarm.id)"/>
-- 
cgit v1.2.3