Removing the ability to scroll on the screenshot as they will only show above the fold

front/src/css/main.css

@@ -151,9 +151,6 @@ a.linkButton {
   position: relative;
   overflow: hidden;
 }
-.screenshotWrapper > div:hover {
-  overflow: auto;
-}
 .screenshotWrapper .screenshotImage {
   width: 100%;
 }
@@ -192,7 +189,7 @@ a.linkButton {
 .screenshotWrapper.desktop > div,
 .screenshotWrapper.desktop-hd > div {
   width: 12em;
-  height: 6.75em;
+  height: 7.5em;
 }
 .screenshotWrapper.phone {
   border: 0.07em solid #CCC;
@@ -239,8 +236,8 @@ a.linkButton {
   content: " ";
 }
 .screenshotWrapper.tablet > div {
-  width: 8.25em;
-  height: 11em;
+  width: 8em;
+  height: 12.8em;
 }
 .table {
   display: table;

front/src/less/main.less

@@ -155,10 +155,6 @@ a.linkButton {
     > div {
         position: relative;
         overflow: hidden;
-
-        &:hover {
-            overflow: auto;
-        }
     }
 
     .screenshotImage {
@@ -200,7 +196,7 @@ a.linkButton {
 
     > div {
         width: 12em;
-        height: 6.75em;
+        height: 7.5em;
     }
 }
 
@@ -254,8 +250,8 @@ a.linkButton {
     }
 
     > div {
-        width: 8.25em;
-        height: 11em;
+        width: 8em;
+        height: 12.8em;
     }
 }
 

front/src/views/screenshot.html

@@ -9,7 +9,5 @@
         </div>
     </div>
 
-    <p>(scroll on the screenshot to see under the fold)</p>
-
     <div class="backToDashboard"><a href="#" ng-click="backToDashboard()">Back to dashboard</a></div>
 </div>