Commit a7020ad3452120eae8e5bed9e2b0d26653a9b002
1 parent
a016db39
Exists in
master
and in
2 other branches
Responsive search button
Showing
2 changed files
with
16 additions
and
5 deletions
Show diff stats
amadeus/static/css/base/amadeus_responsive.css
| @@ -193,6 +193,17 @@ | @@ -193,6 +193,17 @@ | ||
| 193 | .help-block span{ | 193 | .help-block span{ |
| 194 | position: relative !important; | 194 | position: relative !important; |
| 195 | } | 195 | } |
| 196 | + | ||
| 197 | + .search-responsive-collapse{ | ||
| 198 | + margin-top:50px; | ||
| 199 | + margin-bottom:0px; | ||
| 200 | + background:#F5F5F5; | ||
| 201 | + } | ||
| 202 | + | ||
| 203 | + .search{ | ||
| 204 | + background:#F5F5F5; | ||
| 205 | + margin-bottom: -1px; | ||
| 206 | + } | ||
| 196 | } | 207 | } |
| 197 | 208 | ||
| 198 | @media(min-width: 768px) { | 209 | @media(min-width: 768px) { |
amadeus/templates/base.html
| @@ -222,22 +222,22 @@ | @@ -222,22 +222,22 @@ | ||
| 222 | </a> | 222 | </a> |
| 223 | </div> | 223 | </div> |
| 224 | <div class="col-sm-4 col-xs-4"> | 224 | <div class="col-sm-4 col-xs-4"> |
| 225 | - <button type="submit" class="btn btn-primary navbar-toggle pull-right" id="btn-search" data-toggle="collapse" data-target=".search-responsive-collapse"> | 225 | + <button class="btn btn-primary navbar-toggle pull-right" id="btn-search" data-toggle="collapse" data-target=".search-responsive-collapse"> |
| 226 | <i class="fa fa-search" aria-hidden="true"></i> | 226 | <i class="fa fa-search" aria-hidden="true"></i> |
| 227 | </button> | 227 | </button> |
| 228 | </div> | 228 | </div> |
| 229 | </div> | 229 | </div> |
| 230 | 230 | ||
| 231 | - <div class="search-responsive-collapse collapse navbar" style="margin-top:60px;"> | ||
| 232 | - <div class="col-md-7 col-md-offset-1 col-sm-6 col-sm-offset-1 col-lg-7 col-lg-offset-1 text-center"> | ||
| 233 | - <form id="SearchForm" action="{% url 'subjects:search' %}" method="get" accept-charset="utf-8" class="navbar-form"> | 231 | + <div class="search-responsive-collapse collapse"> |
| 232 | + <div class="col-sm-12 col-xs-12 search text-center"> | ||
| 233 | + <form id="SearchForm" action="{% url 'subjects:search' %}" method="get" accept-charset="utf-8"> | ||
| 234 | <div class="input-group"> | 234 | <div class="input-group"> |
| 235 | <div class="form-group is-empty" > | 235 | <div class="form-group is-empty" > |
| 236 | <input type="text" class="form-control top-search" placeholder="{% trans 'Search for subjects and resources' %}" name="search"> | 236 | <input type="text" class="form-control top-search" placeholder="{% trans 'Search for subjects and resources' %}" name="search"> |
| 237 | </div> | 237 | </div> |
| 238 | <span class="input-group-btn input-group-sm"> | 238 | <span class="input-group-btn input-group-sm"> |
| 239 | <button type="submit" class="btn btn-primary" id="btn-search"> | 239 | <button type="submit" class="btn btn-primary" id="btn-search"> |
| 240 | - <i class="fa fa-search" aria-hidden="true"></i> | 240 | + <i class="fa fa-search" aria-hidden="true" style="font-size:20px; color: #009C8A;"></i> |
| 241 | </button> | 241 | </button> |
| 242 | </span> | 242 | </span> |
| 243 | </div> | 243 | </div> |