Reword the BugReportDialog.js as per @lampholder

See https://github.com/matrix-org/matrix-react-sdk/pull/1740#issuecomment-369597662
This commit is contained in:
Luke Barnard
2018-03-20 10:52:50 +00:00
parent 8853496b1b
commit 324774ec2f
3 changed files with 110 additions and 42 deletions

View File

@@ -14,7 +14,39 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_BugReportDialog_input {
width: 100%;
box-sizing: border-box;
.mx_BugReportDialog_field_container {
display: flex;
}
.mx_BugReportDialog_field_label {
flex-basis: 150px;
text-align: right;
padding-top: 9px;
padding-right: 4px;
line-height: 18px;
}
.mx_BugReportDialog_field_input {
flex-grow: 1;
/* taken from mx_ChatInviteDialog_inputContainer */
border-radius: 3px;
border: solid 1px $input-border-color;
font-size: 14px;
padding-left: 4px;
padding-right: 4px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 4px;
}
.mx_BugReportDialog_field_input[type="text" i] {
padding-top: 9px;
padding-bottom: 9px;
}