From acc6063edcb1574a72317cf8dccf7e88f550d143 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Wed, 6 Jul 2022 22:21:37 +0530 Subject: [PATCH 1/2] Application name issue in smaller devices --- src/App.vue | 5 +++++ src/components/AllApps.vue | 8 +++++++- 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/src/App.vue b/src/App.vue index 94295f2..bd1798a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -45,6 +45,11 @@ export default { } } +@media only screen and (max-width: 600px) { + #edashboard-app { + width: 90%; + } +} /* Medium devices (landscape tablets, 920px and up) */ @media only screen and (min-width: 920px) { diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index a2aee71..ce5c839 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -168,7 +168,10 @@ export default { line-height: 100%; padding-top: 10px; color: #333333; - margin: 0px 10px; + padding-left: 0; + padding-right: 0; + margin-right: 0; + margin-left: 0; } .item-sublabel { font-size: 10px; @@ -193,6 +196,9 @@ export default { .item { width: 33%; } + .item-label { + font-size: small; + } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { .item { -- GitLab From 620347df2bcb79147e7503673d86fe1b428b6f76 Mon Sep 17 00:00:00 2001 From: Ronak Patel Date: Wed, 6 Jul 2022 22:23:57 +0530 Subject: [PATCH 2/2] Application name issue in smaller devices #2 --- src/components/AllApps.vue | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/AllApps.vue b/src/components/AllApps.vue index ce5c839..5647991 100755 --- a/src/components/AllApps.vue +++ b/src/components/AllApps.vue @@ -196,10 +196,13 @@ export default { .item { width: 33%; } +} +@media only screen and (max-width: 600px) { .item-label { font-size: small; } -} /* Medium devices (landscape tablets, 768px and up) */ +} +/* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { .item { margin: auto; -- GitLab