fix: various fixes

Further fixes based on early alpha testing
- lay groundwork for closing refresh notice
- fix map UI on photo information (pending review)

src/components/modals/main/scss/index.scss

@@ -262,6 +262,9 @@ h5 {
       margin: 0 !important;
     }
   }
+  svg {
+    margin: 0 !important;
+  }
   @extend %tabText;
 }
 

src/components/modals/main/tabs/backend/Tabs.jsx

@@ -1,6 +1,12 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { MdSettings, MdOutlineShoppingBasket, MdOutlineExtension, MdRefresh } from 'react-icons/md';
+import {
+  MdSettings,
+  MdOutlineShoppingBasket,
+  MdOutlineExtension,
+  MdRefresh,
+  MdClose,
+} from 'react-icons/md';
 import Tab from './Tab';
 import ErrorBoundary from '../../../ErrorBoundary';
 
@@ -30,7 +36,14 @@ export default class Tabs extends PureComponent {
 
     const reminderInfo = (
       <div className="reminder-info" style={{ display }}>
-        <span className="title">{variables.getMessage('modals.main.settings.reminder.title')}</span>
+        <div className="shareHeader">
+          <span className="title">
+            {variables.getMessage('modals.main.settings.reminder.title')}
+          </span>
+          <span className="closeModal" onClick={ () => localStorage.setItem('showReminder', false)}>
+            <MdClose />
+          </span>
+        </div>
         <span className="subtitle">
           {variables.getMessage('modals.main.settings.reminder.message')}
         </span>

src/components/widgets/background/PhotoInformation.jsx

@@ -163,7 +163,7 @@ function PhotoInformation({ info, url, api }) {
   };
 
   let photoMapClassList = 'map-concept';
-  if (usePhotoMap) {
+  if (photoMap() !== null) {
     photoMapClassList += ' photoMap';
   }
 

src/components/widgets/background/scss/_photoinformation.scss

@@ -371,3 +371,26 @@
     opacity: 1;
   }
 }
+
+.photoMap {
+  img {
+    height: 50px !important;
+    width: 50px !important;
+  }
+  a {
+    height: 50px;
+  }
+}
+
+.photoInformation:hover {
+  .photoMap {
+    height: auto !important;
+    img {
+      height: auto !important;
+      width: auto !important;
+    }
+    a {
+      height: auto !important;
+    }
+  }
+}