1@media only screen and (max-width: 768px) {
2
3/* don’t require a minimum width for files table */
4#body-user #filestable {
5	min-width: initial !important;
6}
7
8/* remove padding to let border bottom fill the whole width*/
9table td {
10	padding: 0;
11}
12/* and accordingly fix left margin of file list summary on mobile */
13.summary .info {
14	margin-left: 105px;
15}
16
17/* remove shift for multiselect bar to account for missing navigation */
18table.multiselect thead {
19	padding-left: 0;
20}
21
22#fileList a.action.action-menu img {
23	padding-left: 0;
24}
25
26#fileList .fileActionsMenu {
27	margin-right: 6px;
28}
29/* hide text of the share action on mobile */
30#fileList a.action-share span {
31	display: none;
32}
33#fileList a.action.action-favorite {
34	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;
35	opacity: .7 !important;
36}
37#fileList a.action.action-favorite {
38	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important;
39	opacity: .3 !important;
40}
41
42/* ellipsis on file names */
43table td.filename .nametext .innernametext {
44	max-width: 90%;
45}
46
47/* proper notification area for multi line messages */
48#notification-container {
49	display: -webkit-box;
50	display: -moz-box;
51	display: -ms-flexbox;
52	display: -webkit-flex;
53	display: flex;
54}
55
56/* shorten elements for mobile */
57#uploadprogressbar, #uploadprogressbar .label.inner {
58	width: 50px;
59}
60/* hide desktop-only parts */
61#uploadprogressbar .desktop {
62	display: none !important;
63}
64#uploadprogressbar .mobile {
65	display: block !important;
66}
67
68/* hide mobile table content*/
69table #headerSize, #headerDate, .filesize, .modified, .date {
70	display: none;
71}
72
73#fileList a.action.action-menu.permanent {
74	padding-right: 14px;
75}
76
77}
78