Merge pull request #5 from lukemadden/styles

add scroll functionality to RightContainer by adding css style and ce…

Author: aw2934

app/src/components/left/HTMLPanel.tsx

@@ -145,6 +145,7 @@ const htmlTypesToRender = state.HTMLTypes.filter(type => type.name !== 'separato
           // direction='column'
           // justify='center'
           // alignItems='center'
+          id="HTMLItemsGrid"
         >
           {htmlTypesToRender.map(option => (
             <HTMLItem

app/src/containers/RightContainer.tsx

@@ -277,7 +277,7 @@ const RightContainer = (): JSX.Element => {
   };
 
   return (
-    <div className="column right" style={style}>
+    <div className="column right" id="rightContainer" style={style}>
       <ComponentPanel />
       <ProjectManager />
   {/* -----------------------------MOVED PROJECT MANAGER------------------------------------     */}

app/src/public/styles/style.css

@@ -136,6 +136,10 @@ LEFT COLUMN
   flex-wrap: wrap;
 }
 
+#HTMLItemsGrid {
+  margin-left: 15px;
+}
+
 #HTMLItem {
   /* transition: background 0.5s ease-in-out; */
   transition: 0.3s;
@@ -313,6 +317,10 @@ RIGHT COLUMN
 /////////////////////////////////////////////
 */
 
+#rightContainer {
+  overflow: scroll;
+}
+
 .export {
   border-top: 1px solid #ccc;
   display: flex;