Documentation cCheckboxes and articles positionning

netzih · May 28, 2019 · 9ba12bc · 9ba12bc
1 parent 6a1aea6
commit 9ba12bc
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 7 deletions.
diff --git a/assets/build/css/caldera-forms-front.min.css b/assets/build/css/caldera-forms-front.min.css
diff --git a/clients/components/DocSearch/App.scss b/clients/components/DocSearch/App.scss
@@ -99,7 +99,13 @@
 
   .cf-doc-main-row .form-group input[type=checkbox]:checked {
     background: #a3bf61;
-    border-color: rgba(34, 34, 34, .1)
+    border-color: rgba(34, 34, 34, .1);
+
+    &:before {
+      content: "\f147";
+      margin: -2px 0 0 -2px;
+      color: #1e8cbe;
+    }
   }
 
   .cf-doc-main-row .col-md-12 {
@@ -139,7 +145,18 @@
 
   .cf-doc-search-results-outer article {
     border: 1px solid #ddd;
-    padding: 30px
+    padding: 30px;
+
+    img {
+      margin-top: 5px;
+    }
+
+    .entry-content {
+       p {
+          margin-top: 0px;
+        }
+    }
+
   }
 
   .cf-doc-search-results-outer .container {
@@ -153,9 +170,9 @@
   }
 
   .cf-doc-search-results-outer article .btn {
-    float: left;
+    float: right;
     display: block;
-    margin-top: 20px;
+    margin-top: 10px;
     width: auto
   }
 
@@ -178,6 +195,13 @@
         display: block;
       }
     }
+
+    .checkbox {
+      label {
+        padding-left: 0px;
+        margin-bottom: inherit;
+      }
+    }
   }
 
   @media screen and (min-width: 768px) {

diff --git a/clients/components/DocSearch/Components/Category.js b/clients/components/DocSearch/Components/Category.js
@@ -11,7 +11,7 @@ export class Category extends React.Component {
     render() {
         return (
             <div className="checkbox">
-                <label title="">
+
                     <label
                         htmlFor={this.state.idAttr}
                         className="control-label"
@@ -25,7 +25,7 @@ export class Category extends React.Component {
                         onChange={this.props.onChange}
                         id={this.state.idAttr}
                     />
-                </label>
+
             </div>
         )
 

diff --git a/clients/components/DocSearch/DocSearch.js b/clients/components/DocSearch/DocSearch.js
@@ -577,6 +577,7 @@ class DocSearch extends React.Component {
                                 activeKey={this.state.activeTabKey}
                                 onSelect={this.handleTabSelect}
                             >
+                            <hr />
                                 <Tab
                                     eventKey="categories"
                                     title="Categories"