diff --git a/cookbook/forms.py b/cookbook/forms.py
index caa129b51..94f287eeb 100644
--- a/cookbook/forms.py
+++ b/cookbook/forms.py
@@ -49,7 +49,7 @@ class UserPreferenceForm(forms.ModelForm):
fields = (
'default_unit', 'use_fractions', 'use_kj', 'theme', 'nav_color',
'sticky_navbar', 'default_page', 'show_recent', 'search_style',
- 'plan_share', 'ingredient_decimals', 'comments',
+ 'plan_share', 'ingredient_decimals', 'comments', 'left_handed',
)
labels = {
@@ -65,7 +65,8 @@ class UserPreferenceForm(forms.ModelForm):
'plan_share': _('Plan sharing'),
'ingredient_decimals': _('Ingredient decimal places'),
'shopping_auto_sync': _('Shopping list auto sync period'),
- 'comments': _('Comments')
+ 'comments': _('Comments'),
+ 'left_handed': _('Left-handed mode')
}
help_texts = {
@@ -89,6 +90,7 @@ class UserPreferenceForm(forms.ModelForm):
'sticky_navbar': _('Makes the navbar stick to the top of the page.'), # noqa: E501
'mealplan_autoadd_shopping': _('Automatically add meal plan ingredients to shopping list.'),
'mealplan_autoexclude_onhand': _('Exclude ingredients that are on hand.'),
+ 'left_handed': _('Will optimize the UI for use with your left hand.')
}
widgets = {
diff --git a/cookbook/static/css/app.min.css b/cookbook/static/css/app.min.css
index 84a9f4ef4..2167eb22d 100644
--- a/cookbook/static/css/app.min.css
+++ b/cookbook/static/css/app.min.css
@@ -2,6 +2,14 @@
height: 40px;
}
+@media (max-width: 991.98px) {
+ .menu-dropdown-text {
+ font-size: 14px;
+ font-weight: 200;
+ }
+}
+
+
.spinner-tandoor {
animation: rotation 3s infinite linear;
content: url("../assets/spinner.svg");
diff --git a/cookbook/templates/base.html b/cookbook/templates/base.html
index 2b538e254..625a96fec 100644
--- a/cookbook/templates/base.html
+++ b/cookbook/templates/base.html
@@ -56,23 +56,46 @@
{% block extra_head %}
{% endblock %}
+
+
-