Libdoc: Styling search UI (#1872)

robotframework · Dec 18, 2014 · 750cadb · 750cadb
1 parent 70714e6
commit 750cadb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/robot/htmldata/libdoc/libdoc.css b/src/robot/htmldata/libdoc/libdoc.css
@@ -99,19 +99,16 @@ table.keywords td.args {
 #open-search:hover {
     background-color: yellow;
 }
-
 fieldset {
     background: white;
     border: 2px solid black;
     border-radius: 4px;
     padding: 6px 8px;
 }
-
 fieldset fieldset {
     border: 1px solid black;
     margin: 4px 0;
 }
-
 #search-title {
     font-size: 1.1em;
     font-weight: bold;
@@ -121,6 +118,12 @@ fieldset fieldset {
     box-sizing: border-box;
     width: 100%;
 }
+#hide-unmatched {
+    margin: 0.5em 0 0 1em;
+}
+#search-buttons {
+    float: right;
+}
 .highlight {
     background: yellow;
 }

diff --git a/src/robot/htmldata/libdoc/libdoc.html b/src/robot/htmldata/libdoc/libdoc.html
@@ -200,12 +200,14 @@ <h2 id="Introduction">Introduction</h2>
                 <input type="checkbox" id="include-doc" onclick="doSearch()" checked>
                 <label for="include-doc">Documentation</label>
             </fieldset>
-            <input type="button" value="Reset" onclick="resetSearch()"
-                   title="Reset search">
-            <input type="button" value="Close" onclick="closeSearch()"
-                   title="Close search (shortcut: <Esc>)">
             <input type="checkbox" id="hide-unmatched" onclick="hideUnmatched()">
             <label for="hide-unmatched">Hide unmatched keywords</label>
+            <div id="search-buttons">
+                <input type="button" value="Reset" onclick="resetSearch()"
+                       title="Reset search">
+                <input type="button" value="Close" onclick="closeSearch()"
+                       title="Close search (shortcut: <Esc>)">
+            </div>
         </fieldset>
     </form>
     <div id="open-search" onclick="openSearch()" title="Search keywords (shortcut: s)"></div>