Layout tweaks

nurpax · Feb 9, 2020 · 57d2a8a · 57d2a8a
1 parent 7af772b
commit 57d2a8a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/src/components/formHelpers.js b/src/components/formHelpers.js
@@ -33,15 +33,14 @@ const RadioButton_ = ({label, onChange, checked, value}) => {
   )
 }
 
-const NumberInput_ = ({label, onChange, value, defaultValue}) => {
+const NumberInput_ = ({label, onChange, value, ...rest}) => {
   return (
     <label className={styles.numberInputContainer}>
       {label}
       <input
         style={{minWidth: '4em'}}
         type='number'
         value={value}
-        size='5'
         min='1'
         max='10000'
         onChange={onChange}

diff --git a/src/components/formHelpers.module.css b/src/components/formHelpers.module.css
@@ -133,15 +133,22 @@
 /*------------------------------------------*/
 
 .numberInputContainer {
-
+  display: block;
+  position: relative;
+  margin-bottom: 12px;
+  font-size: 14px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
 .numberInputContainer input {
   margin-left: 10px;
   width: 40px;
   background-color: #333;
   color: rgb(170,170,170);
-  font-size: 0.8em;
+  font-size: 1.0em;
 }
 
 .numberInputContainer input[type=number]:focus {

diff --git a/src/containers/ExportModal.tsx b/src/containers/ExportModal.tsx
@@ -113,7 +113,7 @@ class PNGExportForm extends Component<PNGExportFormatProps> {
         <br/>
         <Checkbox name='alphaPixel' label='Alpha pixel work-around for Twitter' />
         <Checkbox name='borders' label='Include borders' />
-        <NumberInput name='scale' label='Scale' />
+        <NumberInput name='scale' label='Pixel scale' />
       </Form>
     )
   }