Index: lams_admin/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_central/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -r2ea655d762396446cc46603cb1120c6439a18b63 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 2ea655d762396446cc46603cb1120c6439a18b63)
+++ lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_gradebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_learning/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -r365efb411fa4e05aedbc66d8949eb439cc80bec3 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 365efb411fa4e05aedbc66d8949eb439cc80bec3)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -3,6 +3,20 @@
 
 
 @media (width <= 768px) {
+	body.component:not(.no-decoration) {
+		background-color: unset;
+	  }
+	.component-page-wrapper {
+		border-radius: unset;
+	}
+	.instructions {
+		margin-bottom: 0.5rem;
+		padding-bottom: 0.3rem;
+		padding-top: 0.5rem;
+	}
+	.form-control, body.component .cke_textarea_inline, .form-select {
+		font-size: 12px;
+	}
     .p-3 {
         padding: 0rem !important;
     }
Index: lams_monitoring/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_chat/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_daco/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_doku/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_forum/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_images/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_leader/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_nb/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_preview/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_survey/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_task/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_vote/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>
Index: lams_www/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20
--- lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
 		                            onclick="javascript:showMyPortraitDialog()" title="<fmt:message key='label.your.portrait'/>" >
 		                        <img class="portrait-sm portrait-round" src="${pageLearnerPortraitSrc}" alt="<fmt:message key='label.your.portrait'/>">
 		                    </button>