diff --git a/src/app/workspace/screen/screenview.less b/src/app/workspace/screen/screenview.less index aa92926c..60fd7236 100644 --- a/src/app/workspace/screen/screenview.less +++ b/src/app/workspace/screen/screenview.less @@ -143,9 +143,14 @@ .control-iconlist { display: flex; - padding: 8px 0; + margin-left: -2px; + padding: 8px 0 8px 2px; align-items: flex-start; - gap: 12px; + gap: 14px; + + &.tabicon-list { + gap: 12px; + } .icondiv { width: 20px; @@ -154,11 +159,30 @@ position: relative; font-size: 14px; + + &.tabicon { + display: flex; + align-items: center; + width: 22px; + } + .icon { width: 20px; height: 20px; } + i { + padding-left: 3px; + padding-right: 3px; + } + + .icon.square-icon { + position: relative; + top: 3px; + width: 16px; + height: 16px; + } + .check-icon { width: 12px; height: 12px; diff --git a/src/app/workspace/screen/screenview.tsx b/src/app/workspace/screen/screenview.tsx index 346f3a84..385b6a95 100644 --- a/src/app/workspace/screen/screenview.tsx +++ b/src/app/workspace/screen/screenview.tsx @@ -29,6 +29,7 @@ import { ReactComponent as StatusCircleIcon } from "../../assets/icons/statuscir import { ReactComponent as ArrowsUpDownIcon } from "../../assets/icons/arrowsupdown.svg"; import { ReactComponent as CircleIcon } from "../../assets/icons/circle.svg"; import { ReactComponent as AddIcon } from "../../assets/icons/add.svg"; +import { ReactComponent as SquareIcon } from "../../assets/icons/tab/square.svg"; import "./screenview.less"; import "./tabs.less"; @@ -114,10 +115,13 @@ class NewTabSettings extends React.Component<{ screen: Screen }, {}> { return ( <>