From d62396469bf7232fd18001c53993c03f3b347609 Mon Sep 17 00:00:00 2001
From: Matthieu Leproux <leproux.matthieu@gmail.com>
Date: Tue, 7 Sep 2021 10:01:20 +0200
Subject: [PATCH] Fixing "...or" alignment in add photo page + dark mode color

---
 admin/themes/default/template/photos_add_direct.tpl | 2 +-
 admin/themes/default/theme.css                      | 7 +++++--
 admin/themes/roma/theme.css                         | 9 +++++++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/admin/themes/default/template/photos_add_direct.tpl b/admin/themes/default/template/photos_add_direct.tpl
index 72783b8a3..5ea533c31 100644
--- a/admin/themes/default/template/photos_add_direct.tpl
+++ b/admin/themes/default/template/photos_add_direct.tpl
@@ -307,7 +307,7 @@ jQuery(document).ready(function(){
           <select data-selectize="categories" data-value="{$selected_category|@json_encode|escape:html}"
           data-default="first" name="category" style="width:600px"></select>
         </span>
-        <span>{'... or '|@translate} </span>
+        <span class="orChoice">{'... or '|@translate} </span>
         <a href="#" data-add-album="category" class="orCreateAlbum icon-plus-circled"> {'create a new album'|@translate}</a>
       </div>
     </fieldset>
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 3078eac57..3ce0db090 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -4703,8 +4703,8 @@ fieldset#environment legend i[class*="icon-"] {
 .icon-plus.cboxElement:hover {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);}
 #albumSelection {margin-right: 20px;}
 .orCreateAlbum{
-  margin: 7px 0 9px 0;
-   padding: 5px 10px;
+  margin: 7px 0 9px 20px;
+  padding: 7px 10px;
   background-color: #fafafa;
   box-shadow: 0px 2px #00000024;
   border-radius: 5px;
@@ -4714,6 +4714,9 @@ fieldset#environment legend i[class*="icon-"] {
   text-decoration: none;
   color: #3a3a3a;
 }
+.selectAlbumBlock .orChoice {
+  margin: 12px 0 0 0;
+}
 .selectize-control.single .selectize-input {border-radius: 0; font-weight: bold;font-size: 12px;}
 .buttonLike {padding: 8px 10px; margin-left: 5px;}
 .changeUsername .buttonLike {padding: 1px 10px;}
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index ad85cc8b1..dd25431b8 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -377,6 +377,15 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
 
 /* Album edit */
 
+.orCreateAlbum{
+  background-color: #333;
+  color: #777;
+}
+.orCreateAlbum:hover {
+  text-decoration: none;
+  color: #777;
+}
+
 #catModify input[type="text"], #catModify textarea{
   background-color: #444444;
   border: 1px solid #666;