finish up css
Project: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/repo Commit: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/commit/555a263a Tree: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/tree/555a263a Diff: http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/diff/555a263a Branch: refs/heads/new-replication Commit: 555a263a6609a74d8b03534b5609db603c0fb4f2 Parents: ecea635 Author: Garren Smith <garren.sm...@gmail.com> Authored: Thu Aug 18 10:19:20 2016 +0200 Committer: Garren Smith <garren.sm...@gmail.com> Committed: Wed Sep 14 17:22:30 2016 +0200 ---------------------------------------------------------------------- .../replication/assets/less/replication.less | 106 ++----------------- 1 file changed, 9 insertions(+), 97 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/555a263a/app/addons/replication/assets/less/replication.less ---------------------------------------------------------------------- diff --git a/app/addons/replication/assets/less/replication.less b/app/addons/replication/assets/less/replication.less index a0ba9d0..ab17e67 100644 --- a/app/addons/replication/assets/less/replication.less +++ b/app/addons/replication/assets/less/replication.less @@ -17,24 +17,26 @@ div.replication-page { padding-top: 25px !important; display: flex; flex-direction: column; + align-items: center; } .replication-section { display: flex; - flex-direction: row; + flex-flow: row wrap; + justify-content: flex-start; } .replication-seperator { margin: 6px 0 15px; + width: 100%; } .replication-input-label { padding-right: 15px; - width: 220px; + width: 160px; text-align: right; margin-top: 12px; font-size: 14px; - margin-left: 10px; margin-right: 10px; } @@ -121,102 +123,12 @@ div.replication-page { .replication-button-row { margin-top: 10px; - width: 540px; - margin-left: 240px; + width: 370px; + display: flex; + justify-content: flex-start; } .replication-clear-link { padding: 12px; } - - - /*input, select { - font-size: 14px; - } - input { - width: 246px; - } - select { - width: 246px; - margin-bottom: 10px; - background-color: white; - border: 1px solid #cccccc; - } - .styled-select { - width: 250px; - } - - .span3 { - text-align: right; - margin-top: 12px; - } - .remote-connection-details { - margin: 15px 0; - } - .connection-url { - width: 100%; - } - .buttons-row { - margin-top: 10px; - a { - padding: 12px; - } - } - .typeahead { - width: 100%; - } - - hr { - margin: 6px 0 15px; - } - .section-header { - font-weight: bold; - font-size: 14pt; - } -}*/ - -/*.connection-url-example { - font-size: 9pt; - color: #999999; - margin-bottom: 8px; -} - -.custom-id-field { - position: relative; - width: 250px; - - span.fonticon { - cursor: pointer; - position: absolute; - right: 6px; - top: 8px; - font-size: 11px; - padding: 8px; - color: #999999; - .transition(all 0.25s linear); - &:hover { - color: #333333; - } - input { - padding-right: 32px; - } - } -}*/ - - -/*body .Select div.Select-control { - padding: 6px; - border: 1px solid #cccccc; - width: 246px; - .Select-value, .Select-placeholder { - padding: 6px 10px; - } - input { - margin-left: -6px; - } - .Select-arrow-zone { - padding: 0; - width: 18px; - color: black; - } -}*/ +
