fix inconsistent positioning for capabilities

Signed-off-by: Harsh Modi <[email protected]>
Commonjava · Jan 11, 2024 · a0a3a66 · a0a3a66
1 parent abdd01d
commit a0a3a66
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/src/main/webui/src/app/components/content/common/StoreListingWidget.jsx b/src/main/webui/src/app/components/content/common/StoreListingWidget.jsx
@@ -32,8 +32,7 @@ LocalURLSection.propTypes = {
 const CapabilitiesSection = ({store}) => {
   if(store.type==="remote" || store.type==="hosted"){
     const options = Utils.storeOptions(store);
-    const styleClass = store.type==="remote"?"left-half":"right-half";
-    return <div className={styleClass}>
+    return <div className="left-half">
       <label>Capabilities:</label>{' '}
       {
         options.map(option => <div key={option.title} className="options">
@@ -82,10 +81,9 @@ const StoreListingWidget = ({storeList, disableMap, storeType}) => {
                           <a href={store.url} target="_new">{store.url}</a>
                         </div>
                       }
-                      { storeType === "hosted" && <CapabilitiesSection store={store} />}
                     </div>
                     {
-                      storeType === "remote" && <div><CapabilitiesSection store={store} /></div>
+                      (storeType === "remote" || storeType === "hosted") && <div><CapabilitiesSection store={store} /></div>
                     }
                     <div className="description field"><span>{store.description}</span></div>
                   </div>