Styling Fixes

Author: hipsterusername

invokeai/frontend/web/src/features/ui/layouts/TabWithLaunchpadIcon.tsx

@@ -42,11 +42,11 @@ export const TabWithLaunchpadIcon = memo((props: IDockviewPanelHeaderProps) => {
   return (
     <Flex ref={ref} alignItems="center" h="full">
       {isLaunchpadPanel && currentTabIcon && (
-        <Flex alignItems="center" px={2}>
+        <Flex alignItems="center" pl={5} pr={2}>
           {currentTabIcon}
         </Flex>
       )}
-      <Text userSelect="none" px={isLaunchpadPanel ? 2 : 4}>
+      <Text userSelect="none" px={isLaunchpadPanel ? 3 : 4}>
         {props.api.title ?? props.api.id}
       </Text>
     </Flex>

invokeai/frontend/web/src/features/ui/layouts/canvas-tab-auto-layout.tsx

@@ -76,7 +76,7 @@ const initializeCenterPanelLayout = (api: DockviewApi) => {
     id: VIEWER_PANEL_ID,
     component: VIEWER_PANEL_ID,
     title: 'Image Viewer',
-    tabComponent: TAB_WITH_PROGRESS_INDICATOR_ID,
+    tabComponent: DEFAULT_TAB_ID,
     position: {
       direction: 'within',
       referencePanel: LAUNCHPAD_PANEL_ID,