From 31c09b7d6aecf6f10751673b12e1d68593142cbb Mon Sep 17 00:00:00 2001 From: Chad Little Date: Fri, 21 Nov 2014 11:16:13 -0800 Subject: [PATCH] Align form captions with form elements Summary: Make captions feel less floaty, align with their input element. Test Plan: Visit a few forms with captions, test mobile and desktop layouts {F236871} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D10891 --- resources/celerity/map.php | 6 +++--- webroot/rsrc/css/phui/phui-form-view.css | 5 ++--- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index cd14faf8af..802ad27b82 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,7 +7,7 @@ */ return array( 'names' => array( - 'core.pkg.css' => '16b54ea0', + 'core.pkg.css' => 'c48b3276', 'core.pkg.js' => 'e5f7f2ba', 'darkconsole.pkg.js' => 'df001cab', 'differential.pkg.css' => '8af45893', @@ -126,7 +126,7 @@ return array( 'rsrc/css/phui/phui-document.css' => 'a5615198', 'rsrc/css/phui/phui-feed-story.css' => 'dd3c5ff5', 'rsrc/css/phui/phui-fontkit.css' => '9c3d2dce', - 'rsrc/css/phui/phui-form-view.css' => 'c875f46c', + 'rsrc/css/phui/phui-form-view.css' => 'aad06f2a', 'rsrc/css/phui/phui-form.css' => 'b78ec020', 'rsrc/css/phui/phui-header-view.css' => '39594ac0', 'rsrc/css/phui/phui-icon.css' => 'b4963a4f', @@ -776,7 +776,7 @@ return array( 'phui-font-icon-base-css' => '3dad2ae3', 'phui-fontkit-css' => '9c3d2dce', 'phui-form-css' => 'b78ec020', - 'phui-form-view-css' => 'c875f46c', + 'phui-form-view-css' => 'aad06f2a', 'phui-header-view-css' => '39594ac0', 'phui-icon-view-css' => 'b4963a4f', 'phui-image-mask-css' => '5a8b09c8', diff --git a/webroot/rsrc/css/phui/phui-form-view.css b/webroot/rsrc/css/phui/phui-form-view.css index eede47c7da..c315dd7ced 100644 --- a/webroot/rsrc/css/phui/phui-form-view.css +++ b/webroot/rsrc/css/phui/phui-form-view.css @@ -144,8 +144,7 @@ .phui-form-view .aphront-form-caption { font-size: 12px; color: {$bluetext}; - padding: 8px 4px; - text-align: right; + padding: 8px 0; margin-right: 20%; margin-left: 20%; -webkit-font-smoothing: antialiased; @@ -154,7 +153,7 @@ .device-phone .phui-form-view .aphront-form-caption, .phui-form-full-width .phui-form-view .aphront-form-caption { - margin-right: 0%; + margin: 0; } /* override for when inside an aphront-panel-view */ -- 2.51.2