update background colors

diff --git a/src/index.js b/src/index.js
index 1a86b10f2cb4f53cd6251cef384c0da9cc562729..fca3186f96098ac85058be3a90815f094b851bda 100644 (file)
--- 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 6a1be22b96a6e3b94de41837185bf2baa4f8f612..0c04fd64ac97b65e352d9ef143a4229c1e5acf9b 100644 (file)
--- 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>