fixed design for pages with files

src/assets/styles/components/_files.scss

@@ -172,7 +172,7 @@
 
 .page-navigation-buttons {
   display: flex;
-  margin-top: 12px;
+  flex-wrap: wrap;
 }
 
 .page-navigation-buttons > button {

src/pages/FilesPage/FileTable.js

@@ -380,7 +380,7 @@ const FileTable = ({ trigger }) => {
           display: "flex",
           marginTop: "39px",
           justifyContent: "space-between",
-          minHeight: "500px",
+          // minHeight: "500px",
         }}
       >
         <div style={{ display: "flex", flexDirection: "column" }}>
@@ -389,7 +389,6 @@ const FileTable = ({ trigger }) => {
             style={{
               display: "flex",
               width: matches ? "75vw" : "85vw",
-              height: "330px",
               flexDirection: "row",
             }}
           >

src/pages/FilesPage/FilesPage.js

@@ -71,9 +71,9 @@ const FilesPage = ({ history }) => {
   const ColoredLine = () => (
     <hr
       style={{
-        color: "#F5F5F5",
-        backgroundColor: "#F5F5F5",
+        backgroundColor: "#D8D8D8",
         height: 1,
+        border: 0,
       }}
     />
   );
@@ -137,13 +137,19 @@ const FilesPage = ({ history }) => {
           setTrigger((trigger) => trigger + 1);
         }}
       >
-        <div style={{ marginBottom: matches ? "20px" : "50px" }}>
-          <div style={{ marginBottom: "30px" }}>
+        <div
+          style={{
+            marginBottom: matches ? "20px" : "50px",
+            marginTop: matches && "20px",
+          }}
+        >
+          <div style={{ marginBottom: "20px" }}>
             <div
               style={{
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "space-between",
+                marginBottom: "15px",
               }}
             >
               <h1 className="page-heading">Folderi</h1>
@@ -172,7 +178,6 @@ const FilesPage = ({ history }) => {
             <div className="page-navigation-buttons">
               <div
                 onClick={() => history.push({ pathname: FILES_PAGE })}
-                style={{ marginLeft: 0 }}
                 className="files-file-routing"
               >
                 Root
@@ -244,8 +249,8 @@ const FilesPage = ({ history }) => {
           </div>
         </div>
 
-        <div style={{ marginBottom: "50px" }}>
-          <div style={{ marginBottom: "30px" }}>
+        <div>
+          <div style={{ marginBottom: "0px" }}>
             <h1 className="page-heading">Fajlovi</h1>
           </div>
           <div className="files-page-categories">