SDA-2533 Fixes after code review

spec/__snapshots__/snippingTool.spec.tsx.snap

@@ -57,28 +57,26 @@ exports[`Snipping Tool should render correctly 1`] = `
       </button>
     </div>
   </header>
-  <main
-    style={
-      Object {
-        "minHeight": 200,
-      }
-    }
-  >
-    <AnnotateArea
-      chosenTool="PEN"
-      data-testid="annotate-component"
-      highlightColor="rgba(0, 142, 255, 0.64)"
-      imageDimensions={
-        Object {
-          "height": 600,
-          "width": 800,
+  <main>
+    <div
+      className="imageContainer"
+    >
+      <AnnotateArea
+        chosenTool="PEN"
+        data-testid="annotate-component"
+        highlightColor="rgba(0, 142, 255, 0.64)"
+        imageDimensions={
+          Object {
+            "height": 600,
+            "width": 800,
+          }
         }
-      }
-      onChange={[Function]}
-      paths={Array []}
-      penColor="rgba(0, 142, 255, 1)"
-      screenSnippetPath="Screen-Snippet"
-    />
+        onChange={[Function]}
+        paths={Array []}
+        penColor="rgba(0, 142, 255, 1)"
+        screenSnippetPath="Screen-Snippet"
+      />
+    </div>
   </main>
   <footer>
     <button

src/renderer/components/snipping-tool.tsx

@@ -225,7 +225,6 @@ const SnippingTool: React.FunctionComponent<ISnippingToolProps> = ({ existingPat
 
   const done = async () => {
     const base64PngData = await getBase64PngData();
-    // const base64PngData = 'await getBase64PngData();';
     ipcRenderer.send('upload-snippet', { screenSnippetPath, base64PngData });
   };
 

src/renderer/styles/snipping-tool.less

@@ -16,6 +16,7 @@ body {
 }
 
 button {
+  user-select: none;
   &:focus {
     user-select: none;
     outline: none;
@@ -198,4 +199,4 @@ button {
   width: 8px;
   height: 8px;
   background: #000028;
-}
+}