Merge pull request #17960 from owncloud/inline-button

use inline confirm button style for password-protected links, ref #15176

apps/files_sharing/css/authenticate.css

@@ -1,5 +1,4 @@
 #password {
-	width: 190px !important;
 	padding: 10px;
 	margin:	6px;
 }

apps/files_sharing/templates/authenticate.php

@@ -19,7 +19,8 @@
 				autocomplete="off" autocapitalize="off" autocorrect="off"
 				autofocus />
 			<img class="svg" id="password-icon" src="<?php print_unescaped(image_path('', 'actions/password.svg')); ?>" alt=""/>
-			<input type="submit" value="" class="svg icon-confirm" />
+			<input type="submit" value=""
+				class="svg icon-confirm input-button-inline" />
 		</p>
 	</fieldset>
 </form>

core/css/styles.css

@@ -278,6 +278,14 @@ input[type="submit"].enabled {
 	border: 1px solid #5e5;
 }
 
+.input-button-inline {
+	position: absolute !important;
+	right: 0;
+	background-color: transparent !important;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+	opacity: .3;
+}
+
 
 
 /* CONTENT ------------------------------------------------------------------ */