diff options
Diffstat (limited to 'web_src')
-rw-r--r-- | web_src/js/components/DiffFileTree.vue | 10 | ||||
-rw-r--r-- | web_src/js/components/DiffFileTreeItem.vue | 11 |
2 files changed, 16 insertions, 5 deletions
diff --git a/web_src/js/components/DiffFileTree.vue b/web_src/js/components/DiffFileTree.vue index 6136f7b947..3686629df8 100644 --- a/web_src/js/components/DiffFileTree.vue +++ b/web_src/js/components/DiffFileTree.vue @@ -126,7 +126,7 @@ export default { }; </script> <template> - <div v-if="store.fileTreeIsVisible" class="gt-mr-3"> + <div v-if="store.fileTreeIsVisible" class="diff-file-tree-items"> <!-- only render the tree if we're visible. in many cases this is something that doesn't change very often --> <DiffFileTreeItem v-for="item in fileTree" :key="item.name" :item="item"/> <div v-if="store.isIncomplete" class="gt-pt-2"> @@ -134,3 +134,11 @@ export default { </div> </div> </template> +<style scoped> +.diff-file-tree-items { + display: flex; + flex-direction: column; + gap: 1px; + margin-right: .5rem; +} +</style> diff --git a/web_src/js/components/DiffFileTreeItem.vue b/web_src/js/components/DiffFileTreeItem.vue index 553ab1464f..22c23f3ca0 100644 --- a/web_src/js/components/DiffFileTreeItem.vue +++ b/web_src/js/components/DiffFileTreeItem.vue @@ -58,11 +58,14 @@ a, a:hover { } .sub-items { - padding-left: 9px; + display: flex; + flex-direction: column; + gap: 1px; + padding-left: 8px; } -.item-file { - margin-left: 20px; +.sub-items .item-file { + padding-left: 24px; } .item-file.selected { @@ -80,7 +83,7 @@ a, a:hover { display: flex; align-items: center; gap: 0.25em; - padding: 2px; + padding: 3px 6px; } .item-file:hover, |