random styling changes

dashboard/src/main/home/cluster-dashboard/expanded-chart/SettingsSection.tsx

@@ -211,6 +211,7 @@ const Button = styled.button`
   height: 40px;
   font-size: 13px;
   margin-top: 20px;
+  margin-bottom: 30px;
   font-weight: 500;
   font-family: 'Work Sans', sans-serif;
   color: white;

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/ControllerTab.tsx

@@ -134,7 +134,8 @@ export default class ControllerTab extends Component<PropsType, StateType> {
                   <Circle />
                   <Rail lastTab={i === this.state.raw.length - 1} />
                 </Gutter>
-                <Name>
+                <Name
+                >
                   {pod.metadata?.name}
                 </Name>
                 <Status>
@@ -206,6 +207,13 @@ const StatusColor = styled.div`
 const Name = styled.div`
   width: 50%;
   overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 16px;
+  word-wrap: break-word;
+  max-height: 32px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 `
 
 const Tab = styled.div`