Dyanically set iframe height

src/js/components/Errors/InvalidConfigurationError.js

@@ -11,7 +11,7 @@ const InvalidConfigurationError = () => (
     <img
       src={chrome.extension.getURL(settingsUrl)}
       alt="Browser extension configuration settings"
-      style={{ cursor: "pointer" }}
+      style={{ cursor: "pointer", width: "185px", height: "195px" }}
       onClick={() => chrome.runtime.sendMessage({ type: "openOptions" })}
     />
     <button

src/js/components/Errors/UnknownError.js

@@ -4,7 +4,12 @@ import logo from "images/moco-159x159.png"
 
 const UnknownError = ({ message = "Unbekannter Fehler" }) => (
   <div className="moco-bx-error-container">
-    <img className="moco-bx-logo" src={logo} alt="MOCO logo" />
+    <img
+      className="moco-bx-logo"
+      src={logo}
+      style={{ width: "48px", height: "48px" }}
+      alt="MOCO logo"
+    />
     <h1>Ups, es ist ein Fehler passiert!</h1>
     <p>Bitte überprüfe deine Internetverbindung.</p>
     <p>Fehlermeldung:</p>

src/js/components/Errors/UpgradeRequiredError.js

@@ -5,7 +5,12 @@ import firefoxAddons from "images/firefox_addons.png"
 
 const UpgradeRequiredError = () => (
   <div className="moco-bx-error-container">
-    <img className="moco-bx-logo" src={logo} alt="MOCO logo" />
+    <img
+      className="moco-bx-logo"
+      src={logo}
+      style={{ width: "48px", height: "48px" }}
+      alt="MOCO logo"
+    />
     <h1>Bitte aktualisieren</h1>
     <p>Die installierte MOCO Browser-Erweiterung ist veraltet &mdash; bitte aktualisieren.</p>
     {isChrome() ? (
@@ -18,7 +23,12 @@ const UpgradeRequiredError = () => (
     ) : (
       <>
         <p>Unter folgender URL:</p>
-        <img className="firefox-addons" src={firefoxAddons} alt="about:addons" />
+        <img
+          className="firefox-addons"
+          src={firefoxAddons}
+          style={{ width: "292px", height: "40px" }}
+          alt="about:addons"
+        />
       </>
     )}
   </div>