fixed some styling

GridProtectionAlliance · Nov 4, 2024 · 2faa394 · 2faa394
1 parent 4526ae3
commit 2faa394
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/...e/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/NewMeterWizard/AssetPage.tsx b/...e/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/NewMeterWizard/AssetPage.tsx
@@ -529,7 +529,7 @@ export default function AssetPage(props: IProps) {
                                         />
                                     </div> : null}
                         {newEditAsset.AssetType == 'Breaker'? <>
-                                    <div className="d-flex flex-column">
+                                    <div className="d-flex flex-column w-100">
                                         <ChannelSelector
                                             Label="Associated Channels Bus Side"
                                             Channels={props.Channels}
@@ -547,7 +547,7 @@ export default function AssetPage(props: IProps) {
                                             }}
                                         />
                                     </div>
-                                    <div className=" d-flex flex-column">
+                                    <div className=" d-flex flex-column w-100">
                                         <ChannelSelector
                                             Label="Associated Channels Line/XFR Side"
                                             Channels={props.Channels}
@@ -567,8 +567,8 @@ export default function AssetPage(props: IProps) {
                                     </div> </> : null}
                                 {newEditAsset.AssetType === 'Transformer' ? (
                                     <div className="col-12">
-                                        <div className="row justify-content-center h-100">
-                                            <div className="d-flex flex-column">
+                                        <div className="row justify-content-center h-100 px-3">
+                                            <div className="d-flex flex-column w-100">
                                                 <ChannelSelector
                                                     Label="Associated Channels Primary Side"
                                                     Channels={props.Channels}
@@ -586,7 +586,7 @@ export default function AssetPage(props: IProps) {
                                                     }}
                                                 />
                                             </div>
-                                            <div className=" d-flex flex-column">
+                                            <div className=" d-flex flex-column w-100">
                                                 <ChannelSelector
                                                     Label="Associated Channels Secondary Side"
                                                     Channels={props.Channels}
@@ -604,7 +604,7 @@ export default function AssetPage(props: IProps) {
                                                     }}
                                                 />
                                             </div>
-                                            <div className="d-flex flex-column">
+                                            <div className="d-flex flex-column w-100">
                                                 <ChannelSelector
                                                     Label="Associated Channels Tertiary Side"
                                                     Channels={props.Channels}

diff --git a/...ications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/NewMeterWizard/ChannelSelector.tsx b/...ications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/NewMeterWizard/ChannelSelector.tsx
@@ -52,7 +52,7 @@ export default function ChannelSelector(props: IProps) {
                     onChange={(e) => setSearchTerm(e.target.value)}
                     style={{ width: '100%', marginBottom: '10px' }}
                 />
-            <select multiple style={{ height: '100%', width: '100%' }} onChange={(evt) => {
+            <select multiple style={{ height: '100%', width: '100%', overflowX: 'auto' }} onChange={(evt) => {
                 props.UpdateChannels(($(evt.target).val() as Array<string>).map(a => props.Channels.find(ch => ch.ID == parseInt(a))))
             }}
                 value={props.SelectedChannels.map(a => a.ID.toString())}>