From 96d63686ab8039a5c7b3d7cca5969f0bed480dc9 Mon Sep 17 00:00:00 2001
From: Max Pozdeev <maxpozdeev@gmail.com>
Date: Thu, 29 Jul 2021 21:58:05 +0300
Subject: [PATCH] little facelifting in mobile style

---
 src/content/themes/default/style.css | 4 ++++
 src/includes/mytinytodo.js           | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/content/themes/default/style.css b/src/content/themes/default/style.css
index 32674ee..d52b837 100644
--- a/src/content/themes/default/style.css
+++ b/src/content/themes/default/style.css
@@ -467,6 +467,9 @@ li.mtt-item-hidden { display:none; }
 /* narrow screens */
 @media only screen and (max-width: 600px) {
 
+  #mtt_body { padding: 15px 15px 0px; }
+  #mtt_body.page-ajax .topblock { display: none; }
+
   h2 { font-size:1rem; }
 
   #bar_login, #bar_logout { padding-right:1px; }
@@ -524,6 +527,7 @@ li.mtt-item-hidden { display:none; }
   .mtt-menu-container li { padding-top:0.3rem; padding-bottom:0.3rem; }
 
   .mtt-settings-table .tr { display: block; }
+  .mtt-settings-table .tr:not(.form-bottom-buttons) { background-color:#f5f5f5; border:1px solid #f5f5f5; border-radius: 10px; padding:0 15px; margin-bottom: 5px;}
   .mtt-settings-table .th { width: auto; padding-bottom: 4px; padding-left: 0px; }
   .mtt-settings-table .td {  padding-top: 4px; padding-left: 0px; }
   .mtt-settings-table input , .mtt-settings-table select, .mtt-settings-table label { margin-top:5px; }
diff --git a/src/includes/mytinytodo.js b/src/includes/mytinytodo.js
index c1664f4..83acf26 100644
--- a/src/includes/mytinytodo.js
+++ b/src/includes/mytinytodo.js
@@ -761,6 +761,8 @@ var mytinytodo = window.mytinytodo = _mtt = {
 		prev.lastScrollTop = $(window).scrollTop();
 		this.pages.prev.push(this.pages.current);
 		this.pages.current = {page:page, pageClass:pageClass};
+		$('#mtt_body').removeClass('page-' + prev.page);
+		$('#mtt_body').addClass('page-' + page);
 		showhide($('#page_'+ this.pages.current.page).addClass('mtt-page-'+ this.pages.current.pageClass), $('#page_'+ prev.page));
 	},
 
@@ -769,6 +771,8 @@ var mytinytodo = window.mytinytodo = _mtt = {
 		if(this.pages.current.page == 'tasks') return false;
 		var prev = this.pages.current;
 		this.pages.current = this.pages.prev.pop();
+		$('#mtt_body').removeClass('page-' + prev.page);
+		$('#mtt_body').addClass('page-' + this.pages.current.page);
 		showhide($('#page_'+ this.pages.current.page), $('#page_'+ prev.page).removeClass('mtt-page-'+prev.page.pageClass));
 		$(window).scrollTop(this.pages.current.lastScrollTop);
 		if (this.pages.current.onBack) this.pages.current.onBack.call(this);