resize onebox input by using bootstrap's sass grid

innoq · Apr 17, 2014 · 3b2330e · 3b2330e
1 parent 74fe760
commit 3b2330e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 10 deletions.
diff --git a/app/assets/stylesheets/iqvoc/components/_components.css.scss b/app/assets/stylesheets/iqvoc/components/_components.css.scss
@@ -14,9 +14,13 @@
     margin: 2em 0 1em 0;
   }
 
-  .onebox-input {
-    min-width: 60%;
-    // width: 80%;
+  .onebox-form {
+    @include make-row;
+  }
+
+  .onebox-input-wrapper {
+    @include make-md-column(8);
+    @include make-md-column-offset(2);
   }
 
   .onebox-indicator {

diff --git a/app/views/frontpage/index.html.erb b/app/views/frontpage/index.html.erb
@@ -1,7 +1,10 @@
-<%= form_tag alphabetical_concepts_path(:prefix => nil), :method => :get,
-        :class => "onebox" do %>
-  <%= search_field_tag "prefix", nil, :id => nil,
-          :class => "form-control onebox-input",
-          :autofocus => true,
-          :placeholder => t("txt.views.frontpage.type_to_browse") %>
-<% end %>
+<div class="onebox">
+  <%= form_tag alphabetical_concepts_path(:prefix => nil), :method => :get, :class => "onebox-form" do %>
+          <div class="onebox-input-wrapper">
+            <%= search_field_tag "prefix", nil, :id => nil,
+                  :class => "form-control onebox-input",
+                  :autofocus => true,
+                  :placeholder => t("txt.views.frontpage.type_to_browse") %>
+          </div>
+  <% end %>
+</div>