sort all inline-block

1 files changed, 52 insertions, 54 deletions

diff --git a/imdb-lookup/html/index.html b/imdb-lookup/html/index.html
index 8bace8d..53ceee7 100644
--- a/imdb-lookup/html/index.html
+++ b/imdb-lookup/html/index.html
@@ -12,61 +12,59 @@
   </script>
   <script type="text/x-handlebars" id="index">
   <div class="box">
-   <div class="sort">
-    <fieldset>
-     <legend>Sort by</legend>
+   <fieldset style="display: inline-block;">
+    <legend>Sort by</legend>
+    <label>
+     {{view "radio" name="sortProperties" value="title" property="firstSortProperty"}}
+     Title
+    </label>
+    <label>
+     {{view "radio" name="sortProperties" value="imdbRating" property="firstSortProperty"}}
+     IMDB Rating 
+    </label>
+    <label>
+     {{view "radio" name="sortProperties" value="imdbVotes" property="firstSortProperty"}}
+     IMDB Votes
+    </label>
+    <label>
+     {{view "radio" name="sortProperties" value="release" property="firstSortProperty"}}
+     Release Year
+    </label>
+    <label>
+     {{view "radio" name="sortProperties" value="omdbTomato" property="firstSortProperty"}}
+     RT Meter %
+    </label>
+    <label>
+     {{view "radio" name="sortProperties" value="omdbTomatoRating" property="firstSortProperty"}}
+     RT Rating
+    </label>
+   </fieldset>
+   <fieldset style="display: inline-block;">
+    <legend>Sort Direction</legend>
+    <label>
+     {{view "radio" name="sortDirection" value="false" property="sortAscending"}}
+     Descending
+    </label>
      <label>
-      {{view "radio" name="sortProperties" value="title" property="firstSortProperty"}}
-      Title
-     </label>
-     <label>
-      {{view "radio" name="sortProperties" value="imdbRating" property="firstSortProperty"}}
-      IMDB Rating 
-     </label>
-     <label>
-      {{view "radio" name="sortProperties" value="imdbVotes" property="firstSortProperty"}}
-      IMDB Votes
-     </label>
-     <label>
-      {{view "radio" name="sortProperties" value="release" property="firstSortProperty"}}
-      Release Year
-     </label>
-     <label>
-      {{view "radio" name="sortProperties" value="omdbTomato" property="firstSortProperty"}}
-      RT Meter %
-     </label>
-     <label>
-      {{view "radio" name="sortProperties" value="omdbTomatoRating" property="firstSortProperty"}}
-      RT Rating
-     </label>
-    </fieldset>
-    <fieldset style="display: inline-block;">
-     <legend>Sort Direction</legend>
-     <label>
-      {{view "radio" name="sortDirection" value="false" property="sortAscending"}}
-      Descending
-     </label>
-      <label>
-      {{view "radio" name="sortDirection" value="true" property="sortAscending"}}
-      Ascending
-     </label>
-    </fieldset>
-    <fieldset style="display: inline-block;">
-     <legend>View</legend>
-     <label>Per page:
-      {{view "select" content=visiblePerPage value=perPage}}
-     </label>
-    </fieldset>
-    <fieldset>
-     <legend>Current page</legend>
-     <center>
-     {{#each pageLink in pages}}
-      <label>{{pageLink.runningLabel}}</label>
-      <button {{bind-attr style=pageLink.style}}{{action 'setPage' pageLink.number}}>{{pageLink.number}}</button>
-     {{/each}}
-     </center>
-    </fieldset>
-   </div>
+     {{view "radio" name="sortDirection" value="true" property="sortAscending"}}
+     Ascending
+    </label>
+   </fieldset>
+   <fieldset style="display: inline-block;">
+    <legend>View</legend>
+    <label>Per page:
+     {{view "select" content=visiblePerPage value=perPage}}
+    </label>
+   </fieldset>
+   <fieldset>
+    <legend>Current page</legend>
+    <center>
+    {{#each pageLink in pages}}
+     <label>{{pageLink.runningLabel}}</label>
+     <button {{bind-attr style=pageLink.style}}{{action 'setPage' pageLink.number}}>{{pageLink.number}}</button>
+    {{/each}}
+    </center>
+   </fieldset>
   </div>
 
   {{#each movie in paginatedContent}}