Cleanups to make gh-pages deployment look better

jaryncolbert · Jul 2, 2019 · cd3c872 · cd3c872
1 parent 2177113
commit cd3c872
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/App.js b/src/components/App.js
@@ -21,7 +21,7 @@ class App extends React.Component {
       <div className="App">
         <RowGroup>
           <Link to="/wall-drawing-118" className="drawing-thumbnail">
-            <Thumbnail118 />
+            <Thumbnail118 scaleHeight={0.5} />
           </Link>
         </RowGroup>
 

diff --git a/src/components/CommonComponents.js b/src/components/CommonComponents.js
@@ -54,7 +54,6 @@ export function Slider(props) {
   return (
     <div className={"slider-container form-group " + props.className}>
       <label htmlFor={sliderId}>{props.label}</label>
-      <output className="slider-output">{props.value}</output>
       <input
         className="form-control-range"
         type="range"
@@ -65,6 +64,7 @@ export function Slider(props) {
         id={sliderId}
         onChange={props.changeHandler}
       />
+      <output className="slider-output">{props.value}</output>
     </div>
   );
 }

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -4,7 +4,7 @@ import GitHubLogo from "../assets/GitHub-Mark-32px.png";
 export default function Footer() {
   return (
     <footer className="footer mt-auto py-3">
-      <div className="footer-container">
+      <div className="footer-container container-fluid">
         <a
           href="http://www.recurse.com"
           title="Made with love at the Recurse Center"
@@ -15,7 +15,7 @@ export default function Footer() {
             height="14px"
           />
         </a>
-        {" | "}
+        <span className="divider">|</span>
         <a href="https://github.com/jaryncolbert/solitude">
           <img src={GitHubLogo} alt="github logo" />
           Fork on GitHub

diff --git a/src/components/drawings/Drawing164.js b/src/components/drawings/Drawing164.js
@@ -239,7 +239,7 @@ export default class Drawing164 extends React.Component {
                 max={lineMax}
               />
               <Slider
-                label="Horizontal Line Length:"
+                label="Horiz. Line Length:"
                 value={horizLineLen}
                 changeHandler={e => this.setTargetValue(e, "horizLineLen")}
                 min={this.minLen}