Center canvas of interpreter outputs (#227)

* Center canvas in repl history * Bump version v0.1.5 -> v0.1.6
source-academy · Jul 23, 2018 · ad70de0 · ad70de0
1 parent 2debe92
commit ad70de0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "cadet-frontend",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "scripts-info": {
     "format": "Format source code",
     "start": "Start the Webpack development server",

diff --git a/src/styles/_workspace.scss b/src/styles/_workspace.scss
@@ -240,6 +240,18 @@ $code-color-error: #ff4444;
 
       .resultOutput {
         color: $code-color-result;
+
+        .canvas-container {
+          display: flex;
+          padding: 0.5rem 0 0.5rem 0;
+          align-items: center;
+          justify-content: center;
+        }
+
+        canvas {
+          height: 20rem;
+          width: 20rem;
+        }
       }
 
       .errorOutput {