Skip to content

Commit a6ba9af

Browse files
authored
Add gap to extension more info table (microsoft#205923)
* Add gap to extension `more info` table Fixes microsoft#165239 Switches to use a grid layout to simplify the code and also add a small gap between the label and content
1 parent e46c089 commit a6ba9af

File tree

1 file changed

+3
-9
lines changed

1 file changed

+3
-9
lines changed

src/vs/workbench/contrib/extensions/browser/media/extensionEditor.css

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -494,15 +494,9 @@
494494

495495
.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry {
496496
font-size: 90%;
497-
display: flex;
498-
}
499-
500-
.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry :first-child {
501-
width: 40%;
502-
}
503-
504-
.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry :last-child {
505-
width: 60%;
497+
display: grid;
498+
grid-template-columns: 40% 60%;
499+
gap: 4px;
506500
}
507501

508502
.extension-editor > .body > .content > .details > .additional-details-container .more-info-container > .more-info > .more-info-entry code {

0 commit comments

Comments
 (0)