MediaWiki:Gadget-uploadWizardMobile.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* UploadWizard responsive mobile layout fix */
/* https://phabricator.wikimedia.org/T261589 */

/* Responsive UploadWizard laoyut */
/* UploadWizard min-width = 750 + some space for left menubar */
@media (max-width:900px) { 

/* UploadWizard: All tabs */

#upload-wizard, .mwe-first-spinner {
    margin-top: 0;
    min-width:inherit;
    max-width:inherit;
    
}

#mwe-upwiz-tutorial-html > img {
	height:inherit;
	width:100%;
}

#mwe-upwiz-steps {
	line-height:inherit;
}

#mwe-upwiz-steps li {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrowSteps {
    width:inherit;
    position:inherit;
}

.arrowSteps > li {
	width:auto !important;
	list-style-type: none !important;
	float:left;
	padding:inherit;
	margin:inherit;
	position:inherit;
	height:inherit;
	background:inherit;
}

.arrowSteps li div,
.arrowSteps li:not(:first-child):not(:last-child) div,
.arrowSteps li:first-child div,
.arrowSteps li:last-child div
{
	padding:inherit;
	text-align:center;
}

.arrowSteps li {
	margin-left:2em;
}

.arrowSteps li.arrow:before, 
.arrowSteps li.arrow:after  {
	display:none;
}

/* Select files tab */

#mwe-upwiz-files {
	margin-right:auto !important;
	margin-left:auto !important;
}

.mwe-upwiz-add-files-0, #mwe-upwiz-files {
	margin-top:0 !important;
}

/* Box with filename, upload status and delete button */
.mwe-upwiz-file-texts {
	min-width:20em;
}

/* Details tab start */
.mwe-upwiz-thumbnail-side {
	float:none !important;
	margin-right:auto !important;
	margin-left:auto !important;
}

/* Licence selector */

.mwe-upwiz-deed-license {
  margin-left: 0em !important;
}
.mwe-upwiz-deed-license-group-subhead,  .mwe-upwiz-deed-license-group-body {
	padding-left:0em !important;
}
.mwe-upwiz-license-custom .oo-ui-buttonElement{
	float:none;
	padding-left:0;
	padding-top:0.5em;
}
.mwe-upwiz-license-custom .oo-ui-textInputWidget {
	float:none;
	padding-top:0.5em;
	margin-right:0;
}
.mwe-upwiz-data
{
	width:100% !important;
}

.mwe-upwiz-copyMetadataWidget {
	padding:0;
}
.mwe-upwiz-copyMetadataWidget .mw-collapsible {
	padding-left:0;
}

.mwe-upwiz-license-metadata {
	margin-top:1em;
	padding:0.5em;
	background:none;
	background-color:#f2f4f7;
}

.mwe-upwiz-metadata-booklet.oo-ui-bookletLayout > .oo-ui-menuLayout-content {
	width:auto;
}

.mwe-upwiz-metadata-page .mwe-upwiz-metadata-page-thumbnail .mwe-upwiz-thumbnail-filename {
	width:inherit;
}

.mwe-upwiz-metadata-booklet.oo-ui-bookletLayout > .oo-ui-menuLayout-menu .mwe-upwiz-metadata-page {
	width: inherit; 
	padding: 0; 
	margin-right: 0; 
}

h3.mwe-upwiz-metadata-title {
	margin-bottom:0.5em;
}

.mwe-upwiz-metadata-booklet.oo-ui-bookletLayout, 
.oo-ui-menuLayout-static.oo-ui-menuLayout-after, .oo-ui-menuLayout-static.oo-ui-menuLayout-before {
	display:block;
}

#mwe-upwiz-stepdiv-metadata > .ui-helper-clearfix {
	clear:both;
}

}
/* UploadWizard end */