diff --git a/src/index.html b/src/index.html
index 1f9e6da..7880d82 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,11 +4,11 @@
-
+
-
+
diff --git a/src/styles/controls/new-task-table.css b/src/styles/controls/new-task-table.css
index 8a16ee6..dc043ce 100644
--- a/src/styles/controls/new-task-table.css
+++ b/src/styles/controls/new-task-table.css
@@ -4,11 +4,26 @@
margin-right: 15px;
}
+@media screen and (orientation: landscape) {
+ .content > .new-task-table,
+ .tab-pane > .new-task-table {
+ margin-right: calc(15px + env(safe-area-inset-right));
+ }
+}
+
.new-task-table > div.row {
padding-top: 8px;
padding-bottom: 8px;
}
+@media screen and (orientation: landscape) {
+ .content > .new-task-table > div.row,
+ .tab-pane > .new-task-table > div.row {
+ margin-right: calc(-1 * calc(15px + env(safe-area-inset-right)));
+ padding-right: env(safe-area-inset-right);
+ }
+}
+
.new-task-table > div.row:first-child {
border-top: inherit;
}
diff --git a/src/styles/controls/piece-bar-map.css b/src/styles/controls/piece-bar-map.css
index 18b69f3..8457125 100644
--- a/src/styles/controls/piece-bar-map.css
+++ b/src/styles/controls/piece-bar-map.css
@@ -13,12 +13,24 @@
line-height: 11px;
}
+@media screen and (orientation: landscape) {
+ .tab-pane > .piece-map {
+ padding-right: calc(2px + env(safe-area-inset-right));
+ }
+}
+
.piece-legends {
text-align: center;
margin-top: 4px;
margin-bottom: 4px;
}
+@media screen and (orientation: landscape) {
+ .tab-pane > .piece-legends {
+ padding-right: env(safe-area-inset-right);
+ }
+}
+
.piece-legend {
display: inline-block;
margin-right: 4px;
diff --git a/src/styles/controls/settings-table.css b/src/styles/controls/settings-table.css
index cc214ea..cc30dc8 100644
--- a/src/styles/controls/settings-table.css
+++ b/src/styles/controls/settings-table.css
@@ -4,6 +4,13 @@
margin-right: 15px;
}
+@media screen and (orientation: landscape) {
+ .content > .settings-table,
+ .tab-pane > .settings-table {
+ margin-right: calc(15px + env(safe-area-inset-right));
+ }
+}
+
.settings-table .settings-table-title {
font-size: 12px;
padding-top: 4px;
@@ -20,6 +27,14 @@
border-top: 1px solid #ddd;
}
+@media screen and (orientation: landscape) {
+ .content > .settings-table > div.row,
+ .tab-pane > .settings-table > div.row {
+ margin-right: calc(-1 * calc(15px + env(safe-area-inset-right)));
+ padding-right: env(safe-area-inset-right);
+ }
+}
+
.settings-table > div.row:first-child {
border-top: inherit;
}
diff --git a/src/styles/controls/task-table.css b/src/styles/controls/task-table.css
index 5f26f8a..8800292 100644
--- a/src/styles/controls/task-table.css
+++ b/src/styles/controls/task-table.css
@@ -4,6 +4,13 @@
margin-right: 15px;
}
+@media screen and (orientation: landscape) {
+ .content > .task-table,
+ .tab-pane > .task-table {
+ margin-right: calc(15px + env(safe-area-inset-right));
+ }
+}
+
.task-table .task-table-title {
font-size: 12px;
padding-top: 4px;
@@ -22,6 +29,14 @@
cursor: -webkit-grab;
}
+@media screen and (orientation: landscape) {
+ .content > .task-table div.row,
+ .tab-pane > .task-table div.row {
+ margin-right: calc(-1 * calc(15px + env(safe-area-inset-right)));
+ padding-right: env(safe-area-inset-right);
+ }
+}
+
.task-table > .task-table-body > div.row {
padding-top: 8px;
padding-bottom: 8px;
diff --git a/src/styles/core/core.css b/src/styles/core/core.css
index 92a0f42..f6a999c 100644
--- a/src/styles/core/core.css
+++ b/src/styles/core/core.css
@@ -88,6 +88,24 @@ td {
z-index: 1010;
}
+.main-sidebar .sidebar-menu > li.treeview > ul.treeview-menu > li > a {
+ padding: 6px 5px 6px 41px;
+}
+
+@media screen and (orientation: landscape) {
+ .main-sidebar ul.sidebar-menu > li.header {
+ padding-left: max(15px, env(safe-area-inset-left));
+ }
+
+ .main-sidebar ul.sidebar-menu > li > a {
+ padding-left: max(15px, env(safe-area-inset-left));
+ }
+
+ .main-sidebar ul.sidebar-menu > li.treeview > ul.treeview-menu > li > a {
+ padding-left: max(41px, calc(26px + env(safe-area-inset-left)));
+ }
+}
+
.content-wrapper {
min-height: calc(100vh - 48px);
}
@@ -100,6 +118,12 @@ td {
overflow-y: scroll;
}
+@media screen and (orientation: portrait) {
+ .main-footer {
+ padding-bottom: calc(15px + env(safe-area-inset-bottom));
+ }
+}
+
.main-footer > .navbar {
margin-bottom: 0;
min-height: inherit;
diff --git a/src/styles/theme/default.css b/src/styles/theme/default.css
index fdd6e83..468f96d 100644
--- a/src/styles/theme/default.css
+++ b/src/styles/theme/default.css
@@ -162,7 +162,6 @@
.skin-aria-ng .sidebar-menu > li.treeview > ul.treeview-menu > li > a {
color: #8aa4af;
- padding: 6px 5px 6px 41px;
}
.skin-aria-ng .sidebar-menu > li.treeview > ul.treeview-menu > li > a:hover {