fix: various fixes

src/components/modals/main/settings/sections/overview_skeletons/Date.jsx

@@ -2,8 +2,6 @@ export default function DateSkeleton() {
   return (
     <span className="date">
       Thursday January 1st
-      <br />
-      Week 1
     </span>
   );
 }

src/components/modals/welcome/welcome.scss

@@ -217,26 +217,18 @@ a.privacy {
   animation-timing-function: ease-in;*/
 }
 
-@keyframes float-in {
-  0% {
-    transform: translate(0, 30px);
-    opacity: 0;
-  }
-  100% {
-    transform: translate(0, 0px);
-    opacity: 1;
-  }
-}
 
-.light {
-  .toggle.lightTheme {
-    background-color: rgba(219, 219, 219, 0.72);
+.welcomeContent {
+  .light {
+    .toggle.lightTheme {
+      background-color: rgba(219, 219, 219, 0.72);
+    }
   }
-}
 
-.dark {
-  .toggle.darkTheme {
-    background-color: rgba(65, 71, 84, 0.9);
+  .dark {
+    .toggle.darkTheme {
+      background-color: rgba(65, 71, 84, 0.9);
+    }
   }
 }
 

src/components/widgets/background/Background.jsx

@@ -48,7 +48,7 @@ export default class Background extends PureComponent {
 
       // just set the background
       if (localStorage.getItem('bgtransition') === 'false') {
-        photoInformation?.[(photoInformation.style.display = 'block')];
+        photoInformation?.[(photoInformation.style.display = 'flex')];
         return (backgroundImage.style.background = `url(${url})`);
       }
 
@@ -310,7 +310,7 @@ export default class Background extends PureComponent {
         } else {
           if (this.state.photoInfo.hidden === false) {
             try {
-              document.querySelector('.photoInformation').style.display = 'block';
+              document.querySelector('.photoInformation').style.display = 'flex';
             } catch (e) {
               // Disregard exception
             }
@@ -431,7 +431,6 @@ export default class Background extends PureComponent {
 
   // only set once we've got the info
   componentDidUpdate() {
-    clearInterval(this.interval);
     if (this.state.video === true) {
       return;
     }

src/components/widgets/background/Maximise.jsx

@@ -71,8 +71,8 @@ export default class Maximise extends PureComponent {
       <Tooltip
         title={variables.getMessage('modals.main.settings.sections.background.buttons.view')}
       >
-        <button style={{ fontSize: this.props.fontSize }}>
-          <MdCropFree onClick={this.maximise} className="topicons" />
+        <button style={{ fontSize: this.props.fontSize }} onClick={this.maximise}>
+          <MdCropFree className="topicons" />
         </button>
       </Tooltip>
     );

src/components/widgets/background/PhotoInformation.jsx

@@ -261,15 +261,22 @@ export default function PhotoInformation({ info, url, api }) {
           {showExtraInfo || other ? (
             <>
               <div className="concept-buttons">
-                <Tooltip title={variables.getMessage('widgets.quote.share')} key="share">
-                  <Share onClick={() => openShareModal(true)} />
-                </Tooltip>
+                {!info.offline ? (
+                  <Tooltip title={variables.getMessage('widgets.quote.share')} key="share">
+                    <Share onClick={() => openShareModal(true)} />
+                  </Tooltip>
+                ) : null}
                 <Tooltip title={variables.getMessage('widgets.quote.favourite')} key="favourite">
                   <Favourite />
                 </Tooltip>
-                <Tooltip title={variables.getMessage('widgets.background.download')} key="download">
-                  <Download onClick={() => downloadImage(info)} />
-                </Tooltip>
+                {!info.offline ? (
+                  <Tooltip
+                    title={variables.getMessage('widgets.background.download')}
+                    key="download"
+                  >
+                    <Download onClick={() => downloadImage(info)} />
+                  </Tooltip>
+                ) : null}
               </div>
               <div className="extra-content">
                 <span className="subtitle">