Fixes and improvements

src/App.jsx

@@ -65,10 +65,12 @@ export default class App extends React.PureComponent {
           <Navbar mainModalOpen={() => this.setState({ mainModal: true })} updateModalOpen={() => this.setState({ updateModal: true })} language={language} />
           <Greeting language={language.greeting} />
           <Clock/>
-          <Quote language={language.toasts}/>
-          <PhotoInformation/>
-          <Maximise/>
-          <Favourite/>
+          <Quote language={language.toasts} />
+          <PhotoInformation language={language} />
+          <div class="bottom-navbar">
+            <Maximise/>
+            <Favourite/>
+          </div>
           <React.Suspense fallback={renderLoader()}>
             <Modal id={'modal'} onRequestClose={() => this.setState({ mainModal: false })} isOpen={this.state.mainModal} className={modalClassList} overlayClassName={overlayClassList} ariaHideApp={false}>
               <MainModal

src/components/widgets/PhotoInformation.jsx

@@ -9,25 +9,25 @@ export default class PhotoInformation extends React.PureComponent {
   render() {
     return (
       <div className='photoInformation'>
-        <h1 id='photographer'>Photo By</h1>
+        <h1 id='photographer'>{this.props.language.credit}</h1>
         <Info className='photoInformationHover'/>
         <div className='infoCard'>
           <Info className='infoIcon'/>
-          <h1>Information</h1>
+          <h1>{this.props.language.information}</h1>
           <hr/>
           <Location/>
           <span id='location'></span>
           <Camera/>
-          <span id='camera'>Gaming</span>
+          <span id='camera'></span>
           <Resolution/>
-          <span id='resolution'>1280x720</span>
+          <span id='resolution'></span>
           <Photographer/>
           <span id='photographerCard'></span>
         </div>
         <div id='backgroundCredits' className='tooltip'>
           <span className='tooltiptext' id='location'/>
         </div>
-        <span id='credit' style={{'display': 'none'}}></span>
+        <span id='credit' style={{ 'display': 'none' }}></span>
       </div>
     );
   }

src/scss/modules/_credit.scss

@@ -74,6 +74,10 @@
   }
 }
 
+.infoCard:hover {
+  display: block !important;
+}
+
 .photoInformationHover {
   cursor: pointer;
 }

src/scss/modules/_navbar.scss

@@ -31,6 +31,40 @@
     }
 }
 
+.bottom-navbar {
+    position: absolute;
+    bottom: 1rem;
+    right: 1rem;
+
+    div {
+        display: inline;
+    }
+
+    img {
+        height: 1em;
+        width: auto;
+        margin: 0.5rem;
+    }
+
+    svg.topicons {
+        color: map-get($theme-colours, 'main-text-color');
+        -webkit-font-smoothing: subpixel-antialiased;
+        font-size: 1em;
+        display: inline;
+        margin: 0.5rem;
+        filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
+        cursor: pointer;
+        transition: .2s ease;
+
+        &:hover {
+            color: map-get($theme-colours, 'main-text-color');
+            transform: translateZ(0);
+            transform: scale(1.3);
+        }
+    }
+}
+
+
 .navbar-container-bottom {
     position: absolute;
     bottom: 1rem;

src/translations/en.json

@@ -8,6 +8,7 @@
         "halloween": "Happy Halloween"
     },
     "credit": "Photo by",
+    "information": "Information",
     "search": "Search",
     "modals": {
         "title": "Options",