aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/form-dataset/form-dataset.component.css
diff options
context:
space:
mode:
authorSonja Galovic <galovicsonja@gmail.com>2022-05-03 18:25:42 +0200
committerSonja Galovic <galovicsonja@gmail.com>2022-05-03 18:25:42 +0200
commit0c69973c035e5ce8dfaf56fecd008b45b725aa8a (patch)
tree4aaa1604c44f357d1298bbb446e2d28002107674 /frontend/src/app/_elements/form-dataset/form-dataset.component.css
parent7fa58b061d19b34b92cf54864a7b353ef4de5ef6 (diff)
parentea61d7f909c3afbee5a75acf56322c548f92ae93 (diff)
Merge branch 'redesign' of http://gitlab.pmf.kg.ac.rs/igrannonica/neuronstellar into redesign
Diffstat (limited to 'frontend/src/app/_elements/form-dataset/form-dataset.component.css')
-rw-r--r--frontend/src/app/_elements/form-dataset/form-dataset.component.css61
1 files changed, 22 insertions, 39 deletions
diff --git a/frontend/src/app/_elements/form-dataset/form-dataset.component.css b/frontend/src/app/_elements/form-dataset/form-dataset.component.css
index da31cfcb..7c7eb0d3 100644
--- a/frontend/src/app/_elements/form-dataset/form-dataset.component.css
+++ b/frontend/src/app/_elements/form-dataset/form-dataset.component.css
@@ -4,26 +4,23 @@
position: relative;
}
+.bottomBar {
+ width: 50%;
+ margin: 1rem;
+ align-items: flex-start;
+}
+
+.fileButton{
+ margin-top: 10px;
+}
+
.file-container {
border: 4px solid transparent;
position: relative;
margin-left: 3%;
- margin-top: 3rem;
width: 94%;
- min-height: 300px;
- height: 75%;
-}
-
-.fileButton {
- position: absolute;
- margin-top: -3rem;
- display: flex;
- flex-direction: row;
- align-items: center;
-}
-
-.fileButton label {
- margin-left: 10px;
+ min-height: 400px;
+ height: 95%;
}
.dottedClass {
@@ -31,6 +28,13 @@
border-radius: 25px;
}
+.icon-display {
+ position: absolute;
+ top: 45%;
+ left: 50%;
+ transform: translate(-50%, -50%) scale(4);
+}
+
.hidden {
visibility: hidden;
}
@@ -42,28 +46,7 @@
opacity: 0;
}
-.file input {
- border-radius: 4px;
- margin-top: -15px;
- width: 100%;
- height: 100%;
-}
-
-.icon-display {
- position: absolute;
- top: 45%;
- left: 50%;
- transform: translate(-50%, -50%) scale(4);
-}
-
-.bottomBar {
- width: 50%;
- margin: 1rem;
- align-items: flex-start;
-}
-
-#bottomButton {
- background-color: var(--ns-bg-dark-100);
- width: 10%;
- height: 65%;
+.file-container input{
+ border-radius: 5px;
+ left: 0%;
} \ No newline at end of file