(#9) fix padding in Export view

effortlessmountain · May 5, 2020 · 9144af0 · 9144af0
1 parent 6e5a64e
commit 9144af0
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ironsworn-asset-workbench",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "private": true,
   "homepage": "https://effortlessmountain.github.io/ironsworn-asset-workbench",
   "dependencies": {

diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,7 @@
 
 <head>
     <meta charset="utf-8" />
-    <title>Ironsworn Asset Workbench</title>
+    <title>Ironsworn Asset Workbench v0.8.1</title>
 </head>
 
 <body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -87,7 +87,7 @@ export default class App extends React.Component<{}, AppState> {
         return (
             <div className="app">
                 <header className="app-header">
-                    <h2> Ironsworn Asset Workbench v0.8.0</h2>
+                    <h2> Ironsworn Asset Workbench v0.8.1</h2>
                 </header>
                 {this.state.currentScreen === "preview-download" &&
                     <Download

diff --git a/src/SidePanel/DetailsEditor/DetailsEditor.tsx b/src/SidePanel/DetailsEditor/DetailsEditor.tsx
@@ -166,10 +166,12 @@ export default class DetailsEditor extends React.Component<DetailsEditorProps, D
                 }
 
                 {this.state.activeView === "export" &&
-                    <div className=" export vertical">
-                        <p>Use the buttons below to get your asset in PNG format. Preview will show you the generated image in the browser, while Download will bring up your browser's save dialog.</p>
-                        <button id="preview-download" onClick={() => this.props.previewAssetImage()}> preview as image </button>
-                        <button id="download" onClick={() => this.props.downloadAssetImage()}> download as image </button>
+                    <div className="editor-view">
+                        <div className=" export vertical">
+                            <p>Use the buttons below to get your asset in PNG format. Preview will show you the generated image in the browser, while Download will bring up your browser's save dialog.</p>
+                            <button id="preview-download" onClick={() => this.props.previewAssetImage()}> preview as image </button>
+                            <button id="download" onClick={() => this.props.downloadAssetImage()}> download as image </button>
+                        </div>
                     </div>
                 }
             </div>