Small fixes

platform/ui/src/components/SidePanel/SidePanel.jsx

@@ -67,7 +67,7 @@ const SidePanel = ({
             onClick={() => {
               setIsOpen(false);
             }}
-            className="flex flex-row items-center border-b w-100 border-secondary-main h-12"
+            className="flex flex-row items-center border-b-2 w-100 border-secondary-main h-12"
           >
             <Icon
               name={openIconName[side]}

platform/ui/src/views/Viewer/Viewer.js

@@ -20,9 +20,11 @@ const Viewer = () => {
           componentLabel="Studies"
           defaultIsOpen={false}
         >
-          <div>LEFT SIDE PANE CONTENT</div>
+          <div className="flex justify-center text-white p-2">
+            panel placeholder
+          </div>
         </SidePanel>
-        <div className="flex-1 h-100 overflow-hidden w-100 bg-primary-main">
+        <div className="flex flex-1 h-100 overflow-hidden w-100 bg-primary-main items-center justify-center text-white">
           CONTENT
         </div>
         <SidePanel
@@ -30,9 +32,11 @@ const Viewer = () => {
           iconName="list-bullets"
           iconLabel="Measure"
           componentLabel="Measurements"
-          defaultIsOpen={true}
+          defaultIsOpen={false}
         >
-          <div>RIGHT SIDE PANEL CONTENT</div>
+          <div className="flex justify-center text-white p-2">
+            panel placeholder
+          </div>
         </SidePanel>
       </div>
     </div>

platform/ui/src/views/Viewer/Viewer.mdx

@@ -27,9 +27,11 @@ import { NavBar, SidePanel, Svg } from '@ohif/ui';
         componentLabel="Studies"
         defaultIsOpen={false}
       >
-        <div>LEFT SIDE PANE CONTENT</div>
+        <div className="flex justify-center text-white p-2">
+          panel placeholder
+        </div>
       </SidePanel>
-      <div className="flex-1 h-100 overflow-hidden w-100 bg-primary-main">
+      <div className="flex flex-1 h-100 overflow-hidden w-100 bg-primary-main items-center justify-center text-white">
         CONTENT
       </div>
       <SidePanel
@@ -37,9 +39,11 @@ import { NavBar, SidePanel, Svg } from '@ohif/ui';
         iconName="list-bullets"
         iconLabel="Measure"
         componentLabel="Measurements"
-        defaultIsOpen={true}
+        defaultIsOpen={false}
       >
-        <div>RIGHT SIDE PANEL CONTENT</div>
+        <div className="flex justify-center text-white p-2">
+          panel placeholder
+        </div>
       </SidePanel>
     </div>
   </div>

platform/viewer/src/App.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { ThemeWrapper, Viewer } from '@ohif/ui';
+import { ThemeWrapper } from '@ohif/ui';
 
 import ConnectedStudyList from './connectedComponents/ConnectedStudyList';
 
 const App = () => {
   return (
     <ThemeWrapper>
-      <Viewer />
+      <ConnectedStudyList />
     </ThemeWrapper>
   );
 };