diff --git a/web/documentserver-example/csharp-mvc/Content/media.css b/web/documentserver-example/csharp-mvc/Content/media.css
index 4260e83c..1c5b6165 100644
--- a/web/documentserver-example/csharp-mvc/Content/media.css
+++ b/web/documentserver-example/csharp-mvc/Content/media.css
@@ -25,7 +25,7 @@
 
     .tableHeaderCellViewers {
         width: 29%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -208,7 +208,7 @@
     }
 
     .tableHeaderCellViewers {
-        text-align: end;
+        text-align: right;
         width: 37%;
     }
 
@@ -218,6 +218,12 @@
     }
 }
 
+@media (max-width: 1080px) and (min-width: 890px) {
+    .firstContentCellViewers {
+        margin-left: auto;
+    }
+}
+
 @media (max-width: 986px) and (min-width: 890px) {
     .tableHeader {
         width: 75%;
@@ -225,7 +231,7 @@
 
     .tableHeaderCellEditors {
         width: 26%;
-        text-align: start;
+        text-align: left;
     }
 
     .tableHeaderCellFileName {
@@ -234,7 +240,7 @@
 
     .tableHeaderCellViewers {
         width: 27%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -286,13 +292,13 @@
 
     .tableHeaderCellViewers {
         width: 22%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
         padding-right: 4px;
         width: 20%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellFileName {
@@ -300,7 +306,7 @@
     }
 
     .tableHeaderCellEditors {
-        text-align: start;
+        text-align: left;
         width: 31%;
     }
 
@@ -371,6 +377,8 @@
     }
 
     .copy {
+        width: 100%;
+        text-align: center;
         margin: 0;
     }
 
@@ -499,7 +507,7 @@
 
     .firstContentCellShift {
         margin-left: 1px;
-        flex-basis: 15%;
+        flex-basis: 14%;
     }
 
     .tableRow td:last-child {
diff --git a/web/documentserver-example/csharp-mvc/Content/stylesheet.css b/web/documentserver-example/csharp-mvc/Content/stylesheet.css
index 8b8b0199..ad05f6b2 100644
--- a/web/documentserver-example/csharp-mvc/Content/stylesheet.css
+++ b/web/documentserver-example/csharp-mvc/Content/stylesheet.css
@@ -376,11 +376,12 @@ footer table tr {
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
-    width: 100%;
+    width: 100vw;
     height: 64px;
 }
 
 footer table td {
+	display: block;
     position:relative;
     padding-left: 32px;
 }
@@ -561,6 +562,7 @@ footer table tr td:first-child {
 }
 
 .contentCells {
+	display: block;
     border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
@@ -590,8 +592,7 @@ footer table tr td:first-child {
 
 .info {
     cursor: pointer;
-    padding: 3px 5px;
-    position: absolute;
+    margin: -2px 5px;
 }
 
 .tooltip {
@@ -758,6 +759,6 @@ html {
 }
 
 .firstContentCellViewers {
-    margin-left: auto;
+    margin-left: 0;
 }
 
diff --git a/web/documentserver-example/csharp/App_Themes/media.css b/web/documentserver-example/csharp/App_Themes/media.css
index 4260e83c..1c5b6165 100644
--- a/web/documentserver-example/csharp/App_Themes/media.css
+++ b/web/documentserver-example/csharp/App_Themes/media.css
@@ -25,7 +25,7 @@
 
     .tableHeaderCellViewers {
         width: 29%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -208,7 +208,7 @@
     }
 
     .tableHeaderCellViewers {
-        text-align: end;
+        text-align: right;
         width: 37%;
     }
 
@@ -218,6 +218,12 @@
     }
 }
 
+@media (max-width: 1080px) and (min-width: 890px) {
+    .firstContentCellViewers {
+        margin-left: auto;
+    }
+}
+
 @media (max-width: 986px) and (min-width: 890px) {
     .tableHeader {
         width: 75%;
@@ -225,7 +231,7 @@
 
     .tableHeaderCellEditors {
         width: 26%;
-        text-align: start;
+        text-align: left;
     }
 
     .tableHeaderCellFileName {
@@ -234,7 +240,7 @@
 
     .tableHeaderCellViewers {
         width: 27%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -286,13 +292,13 @@
 
     .tableHeaderCellViewers {
         width: 22%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
         padding-right: 4px;
         width: 20%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellFileName {
@@ -300,7 +306,7 @@
     }
 
     .tableHeaderCellEditors {
-        text-align: start;
+        text-align: left;
         width: 31%;
     }
 
@@ -371,6 +377,8 @@
     }
 
     .copy {
+        width: 100%;
+        text-align: center;
         margin: 0;
     }
 
@@ -499,7 +507,7 @@
 
     .firstContentCellShift {
         margin-left: 1px;
-        flex-basis: 15%;
+        flex-basis: 14%;
     }
 
     .tableRow td:last-child {
diff --git a/web/documentserver-example/csharp/App_Themes/stylesheet.css b/web/documentserver-example/csharp/App_Themes/stylesheet.css
index 312c6ff3..16bf7d31 100644
--- a/web/documentserver-example/csharp/App_Themes/stylesheet.css
+++ b/web/documentserver-example/csharp/App_Themes/stylesheet.css
@@ -378,11 +378,12 @@ footer table tr {
             align-items: center;
             align-content: center;
             flex-wrap: wrap;
-            width: 100%;
+            width: 100vw;
             height: 64px;
 }
 
 footer table td {
+	display: block;
             position: relative;
             padding-left: 32px;
 }
@@ -565,6 +566,7 @@ footer a:hover {
 }
 
 .contentCells {
+	display: block;
     border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
@@ -594,8 +596,7 @@ footer a:hover {
 
 .info {
     cursor: pointer;
-    padding: 3px 5px;
-    position: absolute;
+    margin: -2px 5px;
 }
 
 .tooltip {
@@ -763,5 +764,5 @@ html {
 }
 
 .firstContentCellViewers {
-    margin-left: auto;
+    margin-left: 0;
 }
diff --git a/web/documentserver-example/java/src/main/webapp/css/media.css b/web/documentserver-example/java/src/main/webapp/css/media.css
index 4260e83c..1c5b6165 100644
--- a/web/documentserver-example/java/src/main/webapp/css/media.css
+++ b/web/documentserver-example/java/src/main/webapp/css/media.css
@@ -25,7 +25,7 @@
 
     .tableHeaderCellViewers {
         width: 29%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -208,7 +208,7 @@
     }
 
     .tableHeaderCellViewers {
-        text-align: end;
+        text-align: right;
         width: 37%;
     }
 
@@ -218,6 +218,12 @@
     }
 }
 
+@media (max-width: 1080px) and (min-width: 890px) {
+    .firstContentCellViewers {
+        margin-left: auto;
+    }
+}
+
 @media (max-width: 986px) and (min-width: 890px) {
     .tableHeader {
         width: 75%;
@@ -225,7 +231,7 @@
 
     .tableHeaderCellEditors {
         width: 26%;
-        text-align: start;
+        text-align: left;
     }
 
     .tableHeaderCellFileName {
@@ -234,7 +240,7 @@
 
     .tableHeaderCellViewers {
         width: 27%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -286,13 +292,13 @@
 
     .tableHeaderCellViewers {
         width: 22%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
         padding-right: 4px;
         width: 20%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellFileName {
@@ -300,7 +306,7 @@
     }
 
     .tableHeaderCellEditors {
-        text-align: start;
+        text-align: left;
         width: 31%;
     }
 
@@ -371,6 +377,8 @@
     }
 
     .copy {
+        width: 100%;
+        text-align: center;
         margin: 0;
     }
 
@@ -499,7 +507,7 @@
 
     .firstContentCellShift {
         margin-left: 1px;
-        flex-basis: 15%;
+        flex-basis: 14%;
     }
 
     .tableRow td:last-child {
diff --git a/web/documentserver-example/java/src/main/webapp/css/stylesheet.css b/web/documentserver-example/java/src/main/webapp/css/stylesheet.css
index efd47142..f3c60677 100644
--- a/web/documentserver-example/java/src/main/webapp/css/stylesheet.css
+++ b/web/documentserver-example/java/src/main/webapp/css/stylesheet.css
@@ -378,11 +378,12 @@ footer table tr {
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
-    width: 100%;
+    width: 100vw;
     height: 64px;
 }
 
 footer table td {
+	display: block;
     position: relative;
     padding-left: 32px;
 }
@@ -564,6 +565,7 @@ footer table tr td:first-child {
 }
 
 .contentCells {
+	display: block;
     border-bottom: 1px solid #e5e5e5;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
@@ -593,8 +595,7 @@ footer table tr td:first-child {
 
 .info{
     cursor: pointer;
-    padding: 3px 5px;
-    position: absolute;
+    margin: -2px 5px;
 }
 
 .tooltip {
@@ -766,5 +767,5 @@ html {
 }
 
 .firstContentCellViewers {
-    margin-left: auto;
+    margin-left: 0;
 }
diff --git a/web/documentserver-example/nodejs/public/stylesheets/media-wopi.css b/web/documentserver-example/nodejs/public/stylesheets/media-wopi.css
index 1ea5d298..fcbc744d 100644
--- a/web/documentserver-example/nodejs/public/stylesheets/media-wopi.css
+++ b/web/documentserver-example/nodejs/public/stylesheets/media-wopi.css
@@ -69,7 +69,7 @@
         border: none;
     }
     .tableRow td:last-child:after{
-        width: 90%;
+        width: 95%;
     }
 }
 @media (max-width: 593px){
@@ -77,6 +77,7 @@
         width: 100%;
     }
     .tableRow td:last-child:after{
+        width: 90%;
         top: 67px;
         height: 1%;
     }
diff --git a/web/documentserver-example/nodejs/public/stylesheets/media.css b/web/documentserver-example/nodejs/public/stylesheets/media.css
index 89b4eca1..070d9df0 100644
--- a/web/documentserver-example/nodejs/public/stylesheets/media.css
+++ b/web/documentserver-example/nodejs/public/stylesheets/media.css
@@ -25,7 +25,7 @@
 
     .tableHeaderCellViewers {
         width: 29%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -208,7 +208,7 @@
     }
 
     .tableHeaderCellViewers {
-        text-align: end;
+        text-align: right;
         width: 37%;
     }
 
@@ -218,6 +218,12 @@
     }
 }
 
+@media (max-width: 1080px) and (min-width: 890px) {
+    .firstContentCellViewers {
+        margin-left: auto;
+    }
+}
+
 @media (max-width: 986px) and (min-width: 890px) {
     .tableHeader {
         width: 75%;
@@ -225,7 +231,7 @@
 
     .tableHeaderCellEditors {
         width: 26%;
-        text-align: start;
+        text-align: left;
     }
 
     .tableHeaderCellFileName {
@@ -234,7 +240,7 @@
 
     .tableHeaderCellViewers {
         width: 27%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -286,13 +292,13 @@
 
     .tableHeaderCellViewers {
         width: 22%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
         padding-right: 4px;
         width: 20%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellFileName {
@@ -300,7 +306,7 @@
     }
 
     .tableHeaderCellEditors {
-        text-align: start;
+        text-align: left;
         width: 31%;
     }
 
@@ -371,6 +377,8 @@
     }
 
     .copy {
+        width: 100%;
+        text-align: center;
         margin: 0;
     }
 
@@ -499,7 +507,7 @@
 
     .firstContentCellShift {
         margin-left: 1px;
-        flex-basis: 15%;
+        flex-basis: 14%;
     }
 
     .tableRow td:last-child {
diff --git a/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css b/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
index 88abd257..426aea20 100644
--- a/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
+++ b/web/documentserver-example/nodejs/public/stylesheets/stylesheet.css
@@ -383,11 +383,12 @@ footer table tr {
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
-    width: 100%;
+    width: 100vw;
     height: 64px;
 }
 
 footer table td {
+    display: block;
     position: relative;
     padding-left: 32px;
 }
@@ -568,6 +569,7 @@ footer table tr td:first-child {
 }
 
 .contentCells {
+    display: block;
     border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
@@ -606,8 +608,7 @@ footer table tr td:first-child {
 
 .info{
     cursor: pointer;
-    padding: 3px 5px;
-    position: absolute;
+    margin: -2px 5px;
 }
 
 .tooltip {
@@ -775,7 +776,7 @@ html {
 }
 
 .firstContentCellViewers {
-    margin-left: auto;
+    margin-left: 0;
 }
 .tableHeaderCellDownload{
     padding-right: 28px;
diff --git a/web/documentserver-example/php/css/media.css b/web/documentserver-example/php/css/media.css
index 4260e83c..1c5b6165 100644
--- a/web/documentserver-example/php/css/media.css
+++ b/web/documentserver-example/php/css/media.css
@@ -25,7 +25,7 @@
 
     .tableHeaderCellViewers {
         width: 29%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -208,7 +208,7 @@
     }
 
     .tableHeaderCellViewers {
-        text-align: end;
+        text-align: right;
         width: 37%;
     }
 
@@ -218,6 +218,12 @@
     }
 }
 
+@media (max-width: 1080px) and (min-width: 890px) {
+    .firstContentCellViewers {
+        margin-left: auto;
+    }
+}
+
 @media (max-width: 986px) and (min-width: 890px) {
     .tableHeader {
         width: 75%;
@@ -225,7 +231,7 @@
 
     .tableHeaderCellEditors {
         width: 26%;
-        text-align: start;
+        text-align: left;
     }
 
     .tableHeaderCellFileName {
@@ -234,7 +240,7 @@
 
     .tableHeaderCellViewers {
         width: 27%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -286,13 +292,13 @@
 
     .tableHeaderCellViewers {
         width: 22%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
         padding-right: 4px;
         width: 20%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellFileName {
@@ -300,7 +306,7 @@
     }
 
     .tableHeaderCellEditors {
-        text-align: start;
+        text-align: left;
         width: 31%;
     }
 
@@ -371,6 +377,8 @@
     }
 
     .copy {
+        width: 100%;
+        text-align: center;
         margin: 0;
     }
 
@@ -499,7 +507,7 @@
 
     .firstContentCellShift {
         margin-left: 1px;
-        flex-basis: 15%;
+        flex-basis: 14%;
     }
 
     .tableRow td:last-child {
diff --git a/web/documentserver-example/php/css/stylesheet.css b/web/documentserver-example/php/css/stylesheet.css
index 7571c760..d6c3648e 100644
--- a/web/documentserver-example/php/css/stylesheet.css
+++ b/web/documentserver-example/php/css/stylesheet.css
@@ -375,11 +375,12 @@ footer table tr {
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
-    width: 100%;
+    width: 100vw;
     height: 64px;
 }
 
 footer table td {
+	display: block;
     position: relative;
     padding-left: 32px;
 }
@@ -561,6 +562,7 @@ footer table tr td:first-child {
 }
 
 .contentCells {
+	display: block;
     border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
@@ -590,8 +592,7 @@ footer table tr td:first-child {
 
 .info{
     cursor: pointer;
-    padding: 3px 5px;
-    position: absolute;
+    margin: -2px 5px;
 }
 
 .tooltip {
@@ -758,5 +759,5 @@ html {
 }
 
 .firstContentCellViewers {
-    margin-left: auto;
+    margin-left: 0;
 }
diff --git a/web/documentserver-example/python/static/css/media.css b/web/documentserver-example/python/static/css/media.css
index 4260e83c..1c5b6165 100644
--- a/web/documentserver-example/python/static/css/media.css
+++ b/web/documentserver-example/python/static/css/media.css
@@ -25,7 +25,7 @@
 
     .tableHeaderCellViewers {
         width: 29%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -208,7 +208,7 @@
     }
 
     .tableHeaderCellViewers {
-        text-align: end;
+        text-align: right;
         width: 37%;
     }
 
@@ -218,6 +218,12 @@
     }
 }
 
+@media (max-width: 1080px) and (min-width: 890px) {
+    .firstContentCellViewers {
+        margin-left: auto;
+    }
+}
+
 @media (max-width: 986px) and (min-width: 890px) {
     .tableHeader {
         width: 75%;
@@ -225,7 +231,7 @@
 
     .tableHeaderCellEditors {
         width: 26%;
-        text-align: start;
+        text-align: left;
     }
 
     .tableHeaderCellFileName {
@@ -234,7 +240,7 @@
 
     .tableHeaderCellViewers {
         width: 27%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -286,13 +292,13 @@
 
     .tableHeaderCellViewers {
         width: 22%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
         padding-right: 4px;
         width: 20%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellFileName {
@@ -300,7 +306,7 @@
     }
 
     .tableHeaderCellEditors {
-        text-align: start;
+        text-align: left;
         width: 31%;
     }
 
@@ -371,6 +377,8 @@
     }
 
     .copy {
+        width: 100%;
+        text-align: center;
         margin: 0;
     }
 
@@ -499,7 +507,7 @@
 
     .firstContentCellShift {
         margin-left: 1px;
-        flex-basis: 15%;
+        flex-basis: 14%;
     }
 
     .tableRow td:last-child {
diff --git a/web/documentserver-example/python/static/css/stylesheet.css b/web/documentserver-example/python/static/css/stylesheet.css
index dbc4e144..5fe71c4a 100644
--- a/web/documentserver-example/python/static/css/stylesheet.css
+++ b/web/documentserver-example/python/static/css/stylesheet.css
@@ -384,11 +384,12 @@ footer table tr {
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
-    width: 100%;
+    width: 100vw;
     height: 64px;
 }
 
 footer table td {
+	display: block;
     position: relative;
     padding-left: 32px;
 }
@@ -570,6 +571,7 @@ footer table tr td:first-child {
 }
 
 .contentCells {
+	display: block;
     border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
@@ -599,8 +601,7 @@ footer table tr td:first-child {
 
 .info{
     cursor: pointer;
-    padding: 3px 5px;
-    position: absolute;
+    margin: -2px 5px;
 }
 
 .tooltip {
@@ -768,5 +769,5 @@ html {
 }
 
 .firstContentCellViewers {
-    margin-left: auto;
+    margin-left: 0;
 }
diff --git a/web/documentserver-example/ruby/app/assets/stylesheets/media.css b/web/documentserver-example/ruby/app/assets/stylesheets/media.css
index 4260e83c..1c5b6165 100644
--- a/web/documentserver-example/ruby/app/assets/stylesheets/media.css
+++ b/web/documentserver-example/ruby/app/assets/stylesheets/media.css
@@ -25,7 +25,7 @@
 
     .tableHeaderCellViewers {
         width: 29%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -208,7 +208,7 @@
     }
 
     .tableHeaderCellViewers {
-        text-align: end;
+        text-align: right;
         width: 37%;
     }
 
@@ -218,6 +218,12 @@
     }
 }
 
+@media (max-width: 1080px) and (min-width: 890px) {
+    .firstContentCellViewers {
+        margin-left: auto;
+    }
+}
+
 @media (max-width: 986px) and (min-width: 890px) {
     .tableHeader {
         width: 75%;
@@ -225,7 +231,7 @@
 
     .tableHeaderCellEditors {
         width: 26%;
-        text-align: start;
+        text-align: left;
     }
 
     .tableHeaderCellFileName {
@@ -234,7 +240,7 @@
 
     .tableHeaderCellViewers {
         width: 27%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
@@ -286,13 +292,13 @@
 
     .tableHeaderCellViewers {
         width: 22%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellDownload {
         padding-right: 4px;
         width: 20%;
-        text-align: end;
+        text-align: right;
     }
 
     .tableHeaderCellFileName {
@@ -300,7 +306,7 @@
     }
 
     .tableHeaderCellEditors {
-        text-align: start;
+        text-align: left;
         width: 31%;
     }
 
@@ -371,6 +377,8 @@
     }
 
     .copy {
+        width: 100%;
+        text-align: center;
         margin: 0;
     }
 
@@ -499,7 +507,7 @@
 
     .firstContentCellShift {
         margin-left: 1px;
-        flex-basis: 15%;
+        flex-basis: 14%;
     }
 
     .tableRow td:last-child {
diff --git a/web/documentserver-example/ruby/app/assets/stylesheets/stylesheet.scss b/web/documentserver-example/ruby/app/assets/stylesheets/stylesheet.scss
index c91cc12a..9c56d5df 100644
--- a/web/documentserver-example/ruby/app/assets/stylesheets/stylesheet.scss
+++ b/web/documentserver-example/ruby/app/assets/stylesheets/stylesheet.scss
@@ -376,11 +376,12 @@ footer table tr {
     align-items: center;
     align-content: center;
     flex-wrap: wrap;
-    width: 100%;
+    width: 100vw;
     height: 64px;
 }
 
 footer table td {
+	display: block;
     position: relative;
     padding-left: 32px;
 }
@@ -562,6 +563,7 @@ footer table tr td:first-child {
 }
 
 .contentCells {
+	display: block;
     border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
@@ -591,8 +593,7 @@ footer table tr td:first-child {
 
 .info{
     cursor: pointer;
-    padding: 3px 5px;
-    position: absolute;
+    margin: -2px 5px;
 }
 
 .tooltip {
@@ -760,5 +761,5 @@ html {
 }
 
 .firstContentCellViewers {
-    margin-left: auto;
+    margin-left: 0;
 }