[#362] Fix input bottom margin

kbss-cvut · Nov 4, 2024 · 5ac92ff · 5ac92ff
1 parent 84cb4c2
commit 5ac92ff
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/components/DefaultInput.jsx b/src/components/DefaultInput.jsx
@@ -70,6 +70,7 @@ export default class DefaultInput extends React.Component {
       <Form.Group
         size="small"
         controlId={Math.floor(Math.random() * Number.MAX_SAFE_INTEGER)}
+        className="mb-3"
       >
         <Form.Check
           type="checkbox"
@@ -85,7 +86,7 @@ export default class DefaultInput extends React.Component {
 
   _renderRadio() {
     return (
-      <FormGroup size="small">
+      <FormGroup size="small" className="mb-3">
         <Form.Check
           type="radio"
           ref={(c) => (this.input = c)}
@@ -100,7 +101,7 @@ export default class DefaultInput extends React.Component {
 
   _renderSelect() {
     return (
-      <FormGroup size="small">
+      <FormGroup size="small" className="mb-3">
         {this._renderLabel()}
         <FormControl
           as="select"
@@ -124,7 +125,7 @@ export default class DefaultInput extends React.Component {
   _renderTextArea() {
     // TODO validation
     return (
-      <FormGroup size="small">
+      <FormGroup size="small" className="mb-3">
         {this._renderLabel()}
         <FormControl
           ref={(c) => (this.input = c)}
@@ -140,7 +141,7 @@ export default class DefaultInput extends React.Component {
 
   _renderInput() {
     return (
-      <FormGroup size="small">
+      <FormGroup size="small" className="mb-3">
         {this._renderLabel()}
         <FormControl
           className={this.props.validation.classname}

diff --git a/src/components/answer/DateTimeAnswer.jsx b/src/components/answer/DateTimeAnswer.jsx
@@ -56,7 +56,7 @@ const DateTimeAnswer = (props) => {
   };
 
   return (
-    <FormGroup size="small">
+    <FormGroup size="small" className="mb-3">
       <Form.Label className={"w-100"}>{props.label}</Form.Label>
       <DatePicker
         selected={date}

diff --git a/src/components/answer/TypeaheadAnswer.jsx b/src/components/answer/TypeaheadAnswer.jsx
@@ -157,7 +157,7 @@ const TypeaheadAnswer = (props) => {
   };
 
   return (
-    <FormGroup size="small">
+    <FormGroup size="small" className="mb-3">
       <Form.Label>{props.label}</Form.Label>
       <IntelligentTreeSelect
         styles={_getControlValidationStyle()}