From 2892f05baeb79f77586eb36d3506a57b1d20b8aa Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Fri, 24 Jul 2020 10:15:18 +0200
Subject: Increase component limits and add overflow handling

---
 .../components/app/sidebars/topology/machine/MachineSidebarComponent.js | 2 +-
 .../src/components/app/sidebars/topology/machine/UnitAddComponent.js    | 2 +-
 .../src/components/app/sidebars/topology/machine/UnitTabsComponent.js   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'frontend/src/components/app/sidebars')

diff --git a/frontend/src/components/app/sidebars/topology/machine/MachineSidebarComponent.js b/frontend/src/components/app/sidebars/topology/machine/MachineSidebarComponent.js
index 02e7b8d4..7c78cf9e 100644
--- a/frontend/src/components/app/sidebars/topology/machine/MachineSidebarComponent.js
+++ b/frontend/src/components/app/sidebars/topology/machine/MachineSidebarComponent.js
@@ -6,7 +6,7 @@ import UnitTabsContainer from '../../../../../containers/app/sidebars/topology/m
 
 const MachineSidebarComponent = ({ machineId }) => {
     return (
-        <div>
+        <div className="h-100 overflow-auto">
             <MachineNameContainer />
             <BackToRackContainer />
             <DeleteMachineContainer />
diff --git a/frontend/src/components/app/sidebars/topology/machine/UnitAddComponent.js b/frontend/src/components/app/sidebars/topology/machine/UnitAddComponent.js
index d5ecbce3..4e9dbc7e 100644
--- a/frontend/src/components/app/sidebars/topology/machine/UnitAddComponent.js
+++ b/frontend/src/components/app/sidebars/topology/machine/UnitAddComponent.js
@@ -11,7 +11,7 @@ class UnitAddComponent extends React.Component {
         return (
             <div className="form-inline">
                 <div className="form-group w-100">
-                    <select className="form-control w-75 mr-1" ref={(unitSelect) => (this.unitSelect = unitSelect)}>
+                    <select className="form-control w-70 mr-1" ref={(unitSelect) => (this.unitSelect = unitSelect)}>
                         {this.props.units.map((unit) => (
                             <option value={unit._id} key={unit._id}>
                                 {unit.name}
diff --git a/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js b/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
index 15c89ed5..c03b826f 100644
--- a/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
+++ b/frontend/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
@@ -22,7 +22,7 @@ const UnitTabsComponent = () => (
             </li>
             <li className="nav-item">
                 <a className="nav-link" data-toggle="tab" href="#storage-units" role="tab">
-                    Storage
+                    Stor.
                 </a>
             </li>
         </ul>
-- 
cgit v1.2.3