fix package details container layout, css fixes

rvpanoz · Nov 3, 2017 · ede8bf1 · ede8bf1
1 parent 744b2e6
commit ede8bf1
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 15 deletions.
diff --git a/_config.yml b/_config.yml
diff --git a/app/app.global.css b/app/app.global.css
@@ -553,12 +553,16 @@ ol, ul {
   color: #fff;
 }
 
+.package-container {
+  position: relative;
+  width: inherit;
+}
+
 .packages {
   position: relative;
   min-height: 990px;
   padding: 10px 35px;
   height: 100%;
-  width: 90%;
   border-radius: 2px;
   background-color: rgba(36, 41, 44, 0.5);
 }

diff --git a/app/containers/PackageContainer.js b/app/containers/PackageContainer.js
@@ -15,17 +15,15 @@ const PackageContainer = (props) => {
     <div className="package-container">
       {(props.showModal === false) ?
       <Loader loading={props.isLoading}>
-          <div className="package-details">
-            <PackageDetails
-              mode={props.mode}
-              active={props.active}
-              packageActions={props.packageActions}
-              setActive={props.actions.setActive}
-              setModal={props.actions.setModal}
-              toggleMainLoader={props.actions.toggleMainLoader}
-              isLoading={props.isLoading}
-            />
-        </div>
+        <PackageDetails
+          mode={props.mode}
+          active={props.active}
+          packageActions={props.packageActions}
+          setActive={props.actions.setActive}
+          setModal={props.actions.setModal}
+          toggleMainLoader={props.actions.toggleMainLoader}
+          isLoading={props.isLoading}
+        />
       </Loader>
       : <div className="modal-container">
         <AppModal title={props.modalTitle} showModal={props.showModal}/>

diff --git a/app/containers/PackagesContainer.js b/app/containers/PackagesContainer.js
@@ -118,9 +118,9 @@ class PackagesContainer extends React.Component {
   render() {
     let props = this.props;
     return (
-        <div className="packages">
+        <div className="packages container-fluid">
           <div className="row">
-            <div className="col-md-4">
+            <div className="col-lg-4 col-md-4">
               <PackagesListHeader
                 mode={props.mode}
                 directory={props.directory}
@@ -141,7 +141,7 @@ class PackagesContainer extends React.Component {
                 toggleMainLoader={props.toggleMainLoader}
               />
             </div>
-            <div className="col-md-8">
+            <div className="col-lg-8 col-md-8">
               <PackageContainer active={props.active}/>
             </div>
           </div>