Merge pull request #140 from NordicPlayground/minor-fix

Use full height if no content is available

Author: nicolai-nordic

src/components/PowerEstimation/PowerEstimation.tsx

@@ -125,7 +125,11 @@ export default ({ active }: PaneProps) => {
     }, [oppHtml, updatePowerEstimationData]);
 
     return (
-        <div className="power-estimation-container">
+        <div
+            className={`power-estimation-container ${
+                !oppHtml ? 'full-height' : ''
+            }`}
+        >
             {isLoading && (
                 <div className="power-estimation-loading-container">
                     <div className="power-estimation-loading">

src/components/PowerEstimation/powerEstimation.scss

@@ -24,8 +24,11 @@
     }
 }
 
-.power-estimation-container {
+.full-height {
     height: 100%;
+}
+
+.power-estimation-container {
     display: flex;
     flex-direction: column;