From 360dc9bb2b2d3d189cdf843360b727b98011e38a Mon Sep 17 00:00:00 2001
From: Jerzy Kwiatkowski <jerkwi1@st.amu.edu.pl>
Date: Wed, 18 Oct 2023 21:20:20 +0200
Subject: [PATCH] Dostosowanie strony do nowego pliku CSS

---
 react/src/App.js | 66 ++++++++++++++++++++++--------------------------
 1 file changed, 30 insertions(+), 36 deletions(-)

diff --git a/react/src/App.js b/react/src/App.js
index 0b00f7c..21244a1 100644
--- a/react/src/App.js
+++ b/react/src/App.js
@@ -26,43 +26,37 @@ function App() {
 
   return (
     <div className="container">
-      <div className="row">
-        <div className="column">
-          <input
-            type="text"
-            placeholder="Dataset quarry"
-            value={datasetQuarry}
-            onChange={(e) => setDatasetQuarry(e.target.value)}
-          />
-          <input
-            type="text"
-            placeholder="Table quarry"
-            value={tableQuarry}
-            onChange={(e) => setTableQuarry(e.target.value)}
-          />
-        </div>
-        <div className="column">
-          <input
-            className="col"
-            type="text"
-            placeholder="Columns"
-            value={columns}
-            onChange={(e) => setColumns(e.target.value)}
-          />
-        </div>
-      </div>
-      <div className="row">
-        <button type="button" onClick={handleButtonClick}>
-          Test
-        </button>
-      </div>
-      <div className="row">
-        <textarea
-          placeholder="Results"
-          value={results}
-          onChange={(e) => setResults(e.target.value)}
-        ></textarea>
+      <input
+        className='dataset'
+        type="text"
+        placeholder="Dataset quarry"
+        value={datasetQuarry}
+        onChange={(e) => setDatasetQuarry(e.target.value)}
+      />
+      <input
+        className='table'
+        type="text"
+        placeholder="Table quarry"
+        value={tableQuarry}
+        onChange={(e) => setTableQuarry(e.target.value)}
+      />
+      <div className="colums" id="columns-heigh">
+        <input
+          type="text"
+          placeholder="Columns"
+          value={columns}
+          onChange={(e) => setColumns(e.target.value)}
+        />
       </div>
+      <button className="test" type="button" onClick={handleButtonClick}>
+        Test
+      </button>
+      <textarea
+        className='Resoult'
+        placeholder="Results"
+        value={results}
+        onChange={(e) => setResults(e.target.value)}
+      ></textarea>
     </div>
   );
 }