diff --git a/src/main.tsx b/src/main.tsx index c1d397bb..ac99a350 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -2500,9 +2500,11 @@ class MainSideBar extends React.Component<{}, {}> { let activePlaybookId : string = null; return (
-

- {(isCollapsed ? "[p]" : "[prompt]")} -

+
+

+ {(isCollapsed ? "[p]" : "[prompt]")} +

+
diff --git a/src/sh2.less b/src/sh2.less index c47b6249..7c535923 100644 --- a/src/sh2.less +++ b/src/sh2.less @@ -885,33 +885,41 @@ body::-webkit-scrollbar { } } -.title.prompt-logo-small { - padding-left: 5px; - padding-top: 8px; - padding-bottom: 8px; - margin-bottom: 0; - .mono-font(1.5rem); - background-color: darken(rgb(0, 177, 10), 30%); - color: rgb(0, 177, 10); - position: relative; +.main-sidebar .logo-header { + display: flex; + flex-direction: row; + justify-content: center; border-bottom: 2px solid #ddd; - white-space: nowrap; - overflow: hidden; - flex-shrink: 0; - - &.is-dev { - background-color: darken(rgb(177, 0, 10), 30%); - } - - &.collapsed { - padding-left: 1px; - } - - .title-cursor { + margin-left: -4px; + margin-right: -5px; + + .title.prompt-logo-small { + padding-left: 5px; + padding-top: 8px; + padding-bottom: 8px; + margin-bottom: 0; + .mono-font(1.5rem); + background-color: darken(rgb(0, 177, 10), 30%); + color: rgb(0, 177, 10); position: relative; - bottom: 3px; - left: 3px; - .mono-font(1.2rem); + white-space: nowrap; + overflow: hidden; + flex-shrink: 0; + + &.is-dev { + background-color: darken(rgb(177, 0, 10), 30%); + } + + &.collapsed { + padding-left: 1px; + } + + .title-cursor { + position: relative; + bottom: 3px; + left: 3px; + .mono-font(1.2rem); + } } }