Fix mobile view

prayag17 · Feb 25, 2022 · aed71da · aed71da
1 parent 91634ac
commit aed71da
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/addons/Logo.css b/addons/Logo.css
@@ -82,6 +82,12 @@ div#itemDetailPage {
 
 .layout-mobile #itemDetailPage .itemName.infoText.parentNameLast {
   display: block;
+  width: calc(100% - 10vw);
+  position: static;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  font-size: 10.5vw;
 }
 
 #itemDetailPage .detailLogo.hide {

diff --git a/default.css b/default.css
@@ -1787,6 +1787,13 @@ div:not(.paperList) .listItem {
 
 .layout-mobile #itemDetailPage .vertical-list {
   grid-template-columns: 100%;
+  width: 90vw;
+  margin: 0 auto !important;
+}
+
+.listItemIndicators {
+  top: 0;
+  right: 0;
 }
 
 .listItem-overview {
@@ -1812,6 +1819,14 @@ div:not(.paperList) .listItem {
   padding: 0 10px;
 }
 
+.layout-mobile .itemsContainer {
+  padding: 0 10px;
+}
+
+.layout-mobile .itemsContainer > *:last-child {
+  padding-right: 10px !important;
+}
+
 .listItemBody.itemAction {
   padding: 0 5px;
 }