some basic layout and buttons

src/components/simulation-view/simulation-view.css

 .simulation-view-wrapper {
   display: grid;
-  grid-template-rows: 100px auto;
+  grid-template-rows: auto auto;
   grid-template-columns: 100px auto;
   grid-template-areas: 
       "simulation-view-header simulation-view-header"
@@ -9,8 +9,12 @@
 
 .simulation-view-header {
   grid-area: simulation-view-header;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
   background-color: yellow;
-  min-height: 100px;
+  padding: 3px;
 }
 
 .simulation-view-sidebar {
@@ -26,5 +30,31 @@
 
 .simulation-view-flexlayout {
   position: relative;
-  height: 100%;
+  height: 100vh;
+}
+
+.simulation-view-controls {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.simulation-view-control-buttons {
+  padding: 0px 10px 0px 10px;
+}
+
+.simulation-view-time-info {
+  display: grid;
+  gap: 3px;
+  grid-template-rows: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
+
+  padding: 0px 10px 0px 10px;
+
+  font-size: 0.7em;
+}
+
+.simulation-view-experiment-title {
+  padding: 0px 10px 0px 10px;
+  font-weight: bold;
 }
\ No newline at end of file

src/components/simulation-view/simulation-view.js

 import React from 'react';
 import FlexLayout from 'flexlayout-react';
+import { RiPlayFill, RiLayout6Line } from 'react-icons/ri';
+import { GiExitDoor } from 'react-icons/gi';
+import { TiMediaRecord } from 'react-icons/ti';
+import { VscDebugRestart } from 'react-icons/vsc';
 
 import '../../../node_modules/flexlayout-react/style/light.css';
 import './simulation-view.css';
@@ -69,7 +73,26 @@ export default class SimulationView extends React.Component {
     return (
       <div className='simulation-view-wrapper'>
         <div className='simulation-view-header'>
-          header
+          <div className='simulation-view-controls'>
+            <div className='simulation-view-control-buttons'>
+              <button className='nrp-btn btn-default'><GiExitDoor className='icon' /></button>
+              <button className='nrp-btn btn-default'><VscDebugRestart className='icon' /></button>
+              <button className='nrp-btn btn-default'><RiPlayFill className='icon' /></button>
+              <button className='nrp-btn btn-default'><TiMediaRecord className='icon' /></button>
+            </div>
+
+            <div className='simulation-view-time-info'>
+              <div>Simulation time:</div>
+              <div>{'00 00:00:00'}</div>
+              <div>Real time:</div>
+              <div>{'11 11:11:11'}</div>
+              <div>Real timeout:</div>
+              <div>{'22 22:22:22'}</div>
+            </div>
+          </div>
+
+          <div className='simulation-view-experiment-title'>experiment title placeholder</div>
+          <button className='nrp-btn btn-default'><RiLayout6Line className='icon' /></button>
         </div>
         <div className='simulation-view-sidebar'>
           sidebar