From 837ce8f9eaeb44353f353eb39987aa38f9394f49 Mon Sep 17 00:00:00 2001 From: jason weng Date: Thu, 7 Jan 2016 19:53:28 +0800 Subject: [PATCH] style(slideout): Adjust form layout --- admin/views/assets/stylesheets/app.css | 9 ++++++--- admin/views/assets/stylesheets/scss/app/_forms.scss | 9 ++++++--- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/admin/views/assets/stylesheets/app.css b/admin/views/assets/stylesheets/app.css index 25dbb87c..475b45f6 100644 --- a/admin/views/assets/stylesheets/app.css +++ b/admin/views/assets/stylesheets/app.css @@ -517,7 +517,7 @@ a { margin-bottom: 0; } .qor-page__show .qor-field__show { - display: inline-block; } + display: block; } .qor-page__show .qor-field__edit, .qor-page__show .qor-fieldset__delete, .qor-page__show .qor-fieldset__add { display: none; } @@ -525,7 +525,10 @@ a { .qor-page__edit .qor-field__show { display: none; } -.qor-page__edit .qor-field__edit, .qor-page__edit .qor-fieldset__delete, .qor-page__edit .qor-fieldset__add { +.qor-page__edit .qor-field__edit, .qor-page__edit .qor-fieldset__delete { + display: block; } + +.qor-page__edit .qor-fieldset__add { display: inline-block; } .qor-field { @@ -621,7 +624,7 @@ a { position: relative; margin-top: 16px; margin-bottom: 16px; - padding: 8px 24px; + padding: 16px 32px; border: 1px solid rgba(0,0,0, 0.12); background-color: rgb(250,250,250); } diff --git a/admin/views/assets/stylesheets/scss/app/_forms.scss b/admin/views/assets/stylesheets/scss/app/_forms.scss index 7677a6bc..eb7c3714 100755 --- a/admin/views/assets/stylesheets/scss/app/_forms.scss +++ b/admin/views/assets/stylesheets/scss/app/_forms.scss @@ -128,7 +128,7 @@ .qor-page__show { .qor-field__show { - display: inline-block; + display: block; } .qor-field__edit, .qor-fieldset__delete, .qor-fieldset__add { @@ -141,7 +141,10 @@ display: none; } - .qor-field__edit, .qor-fieldset__delete, .qor-fieldset__add { + .qor-field__edit, .qor-fieldset__delete { + display: block; + } + .qor-fieldset__add{ display: inline-block; } } @@ -291,7 +294,7 @@ position: relative; margin-top: 16px; margin-bottom: 16px; - padding: 8px 24px; + padding: 16px 32px; border: 1px solid unquote("rgba(#{$color-black}, 0.12)"); background-color: unquote("rgb(#{$palette-grey-50})"); }