diff --git a/src/vs/code/electron-browser/issue/issueReporterPage.ts b/src/vs/code/electron-browser/issue/issueReporterPage.ts index b0efcbb032c..1be1caaf323 100644 --- a/src/vs/code/electron-browser/issue/issueReporterPage.ts +++ b/src/vs/code/electron-browser/issue/issueReporterPage.ts @@ -13,14 +13,14 @@ export default (): string => `
- +
- + diff --git a/src/vs/code/electron-browser/issue/media/issueReporter.css b/src/vs/code/electron-browser/issue/media/issueReporter.css index f9bb710bc5d..3b556da43ed 100644 --- a/src/vs/code/electron-browser/issue/media/issueReporter.css +++ b/src/vs/code/electron-browser/issue/media/issueReporter.css @@ -62,10 +62,6 @@ input[type="text"], textarea { border: 1px solid #ced4da; } -.inline-form-control { - display: inline-block !important; -} - textarea { overflow: auto; resize: vertical; @@ -297,50 +293,39 @@ button { color: #fff; } -#issue-type-label { - width: 95px; -} -#issue-type { - width: calc(100% - 100px); - cursor: pointer; -} - -#issue-title-label { - width: 80px; +.section .inline-form-control, .section .inline-label { display: inline-block; } -#issue-title { - width: calc(100% - 85px); +.section .inline-label { + width: 95px; } +.section .inline-form-control { + width: calc(100% - 100px); +} + +#issue-type { + cursor: pointer; +} @media (max-width: 950px) { - #issue-type-label { + .section .inline-label { width: 12%; } - #issue-type { + .section .inline-form-control { width: calc(88% - 5px); } - - #issue-title-label { - width: 10%; - display: inline-block - } - - #issue-title { - width: calc(90% - 5px); - } } @media (max-width: 620px) { - #issue-title-label, #issue-type-label { + .section .inline-label { display: none !important; } - #issue-type, #issue-title { + .inline-form-control { width: 100%; }