From: Christopher Coté <chris@entropealabs.com>
Date: Fri, 4 Mar 2022 16:27:40 +0000 (-0500)
Subject: update background colors
X-Git-Url: http://git.entropealabs.com/?a=commitdiff_plain;h=a96a33373242dc5de9cc3b638a30b7833905a016;p=photography.git

update background colors
---

diff --git a/src/index.js b/src/index.js
index 1a86b10f..fca3186f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -148,8 +148,8 @@ function image(image){
 
   w.appendChild(i);
   w.appendChild(u);
-  w.appendChild(dt);
   w.appendChild(exif)
+  w.appendChild(dt);
   return w;
 }
 
diff --git a/www/index.html b/www/index.html
index 6a1be22b..0c04fd64 100644
--- a/www/index.html
+++ b/www/index.html
@@ -7,7 +7,7 @@
     <script type="text/javascript" src="js/index.js"></script>
     <style>
       html,body, #content{
-        background-color: #010101;
+        background-color: #232323;
         width: 100%;
         margin: 0;
         color: #cccccc;
@@ -20,6 +20,10 @@
         padding-right: 0px;
       }
 
+      ul.image-tags{
+        display: block;
+      }
+
       li{
         padding: 3px;
         margin: 3px;
@@ -53,26 +57,28 @@
       }
 
       span.datetime{
+        color: #333333;
         margin-top: 7px;
         float: right;
         font-size: 10px;
       }
       
       span.exif{
+        color: #333333;
         margin-top: 7px;
         float: left;
         font-size: 10px;
       }
 
       #tags{
-        max-width: 900px;
+        max-width: 1024px;
         margin: auto;
         margin-bottom: 30px;
         padding-left: 10px;
       }
       
       #media{
-        max-width: 900px;
+        max-width: 1024px;
         margin: auto;
         display: grid;
         grid-template-columns: repeat(1, 1fr);
@@ -81,11 +87,12 @@
 
       .img{
         padding: 7px;
-        background-color: #333333;
+        background-color: #EEEEEE;
       }
 
       img{
         width: 100%;
+        padding-bottom: 33px;
       }
     </style>
   </head>