Fixing "...or" alignment in add photo page + dark mode color

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>

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;}

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;