Issue #1436 Location form in "execute sequence" steps

FarmBot · Oct 8, 2019 · b3f3923 · b3f3923
1 parent 364c29d
commit b3f3923
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/frontend/css/sequences.scss b/frontend/css/sequences.scss
@@ -107,7 +107,7 @@
   >.location-form {
     margin: auto;
     margin-top: 1rem;
-    width: 80%;
+    width: 100%;
     max-width: 40rem;
     background: $off_white;
     label {
@@ -129,6 +129,15 @@
   }
 }
 
+.execute-sequence{
+  position:relative;
+  padding: 0 15px 0 15px;
+  width: 50%;
+  @media screen and (max-width: 1075px){
+    width: 100%;
+  }
+}
+
 .sequence,
 .regimen {
   width: 100%;

diff --git a/frontend/sequences/step_tiles/tile_execute.tsx b/frontend/sequences/step_tiles/tile_execute.tsx
@@ -100,7 +100,7 @@ export class RefactoredExecuteBlock
         confirmStepDeletion={this.props.confirmStepDeletion} />
       <StepContent className={className}>
         <Row>
-          <Col xs={6}>
+          <Col className="execute-sequence">
             <SequenceSelectBox
               onChange={this.changeSelection}
               resources={resources}
@@ -109,7 +109,7 @@ export class RefactoredExecuteBlock
         </Row>
         <Row>
           {!!calledSequenceVariableData &&
-            <Col xs={6}>
+            <Col className="execute-sequence">
               <LocalsList
                 bodyVariables={currentStep.body}
                 variableData={calledSequenceVariableData}