diff --git a/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html b/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html index 6f9d654..aab3dc1 100644 --- a/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html +++ b/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html @@ -1,17 +1,20 @@
- + {{label}} - - + -
- - -
+
+ + + +
+
diff --git a/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.scss b/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.scss index e95ec32..10d05c5 100644 --- a/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.scss +++ b/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.scss @@ -2,13 +2,21 @@ width: 100%; } + +.file-input { + width: calc(100% - 3em); + float: left; + text-overflow: ellipsis; +} + .buttons-native-select { - display: flex; - flex-direction: row; - padding-top: 4px; + position: absolute; + top: 0; + right: 0; + margin-top: -19px; + button { width: 3em; height: 3em; - margin-left: -10px; } }