Mercurial > piecrust2
diff foodtruck/templates/edit_page.html @ 627:6c205066067a
admin: Fix responsive layout.
* Use a fluid Bootstrap container to not get pops, and prevent problems with
the side navigation messing up widths.
* Fix button layout on the edit page view.
| author | Ludovic Chabant <ludovic@chabant.com> |
|---|---|
| date | Mon, 08 Feb 2016 23:27:41 -0800 |
| parents | c2708f20a87b |
| children |
line wrap: on
line diff
--- a/foodtruck/templates/edit_page.html Mon Feb 08 23:26:05 2016 -0800 +++ b/foodtruck/templates/edit_page.html Mon Feb 08 23:27:41 2016 -0800 @@ -5,7 +5,7 @@ {% block content %} <form action="{{url_postback}}" method="POST" class="ft-write-form" id="ft-write-form"> <div class="row"> - <div class="col-md-10 col-md-offset-1"> + <div class="col-sm-10 col-sm-offset-1"> <div class="form-group"> <textarea name="page_text" class="form-control" placeholder="Post contents..." rows="20">{{page_text}}</textarea> </div> @@ -15,12 +15,12 @@ <input type="hidden" name="is_dos_nl" value="{{is_dos_nl}}" /> <div class="row"> - <div class="col-md-8 col-md-offset-1"> + <div class="col-sm-6 col-sm-offset-1 col-xs-8"> <button type="submit" formtarget="_blank" name="do_preview" class="btn btn-info">Preview</button> <a class="btn btn-danger" href="{{url_cancel}}">Cancel</a> </div> - <div class="col-md-2"> - <div class="btn-group"> + <div class="col-sm-4 col-xs-4"> + <div class="btn-group pull-right"> <button type="submit" name="do_save" class="btn btn-primary">Save</button> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span>