Index: lams_admin/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_admin/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_central/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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/css/components.scss
===================================================================
diff -u -r365efb411fa4e05aedbc66d8949eb439cc80bec3 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 365efb411fa4e05aedbc66d8949eb439cc80bec3)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -89,19 +89,19 @@
 }
 
 body.component {
-	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-  
-	&:not(.no-decoration) {
-		background-color: var(--lams-background-gray);
-	}
-}
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 
-@media (width <= 768px) {
-    body.component {
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-size: 12px;
-      background-color: unset;
+	@media (width <= 768px) {	
+    	font-size: 12px;
     }
+    
+    @media (width > 768px) {
+		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+		
+		&:not(.no-decoration) {
+			background-color: var(--lams-background-gray);
+		}
+	}
 }
 
 body.component .btn-success,
@@ -515,12 +515,15 @@
 }
 
 .component-page-wrapper {
-  min-height: 100vh;
-  border-radius: 2.8rem;
-  overflow: hidden;
-  background-color: var(--bs-white);
-  margin: $component-page-wrapper-margin;
-  min-height: calc(100vh - 2*$component-page-wrapper-margin);
+	min-height: 100vh;
+	overflow: hidden;
+	background-color: var(--bs-white);
+  
+ 	@media (width > 768px) {
+		 border-radius: 2.8rem;
+		 margin: $component-page-wrapper-margin;
+		 min-height: calc(100vh - 2*$component-page-wrapper-margin);
+	}
 }
 
 .component-page-wrapper button.no-decoration {
@@ -537,6 +540,10 @@
   padding: 1rem 2rem 2rem 2rem;
   transition: all .3s ease;
   vertical-align: top;
+  
+	@media (width <= 768px) {
+	     padding: 0.5rem 1rem 1rem 1rem;
+	}
 }
 
 .component-page-wrapper .component-sidebar {
Index: lams_gradebook/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_gradebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_learning/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -3,12 +3,6 @@
 
 
 @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;
@@ -25,12 +19,6 @@
 	}
 }
 
-@media (width <= 768px) {
-  .component-page-wrapper .component-page-content {
-     padding: 0.5rem 1rem 1rem 1rem;
-  }
-}
-
 .component-page-wrapper h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
     color: var(--bs-gray-dark);
 }
@@ -60,7 +48,7 @@
 }
 
 .component-page-wrapper .component-page-content #header {
-	padding: 2.8rem 2rem 0.2rem;
+	padding: 2.8rem 2rem 0;
     margin: -2rem -2rem 0.5rem;
     box-shadow: 0px 1px 0px var(--bs-gray-300);
     
@@ -70,8 +58,7 @@
 	}
 	
 	#lesson-name {
-	    margin-left: 3rem;
-	    margin-top: .2rem;
+		margin-left: 0.7rem;
 	}
 	
 	.btn {
@@ -88,9 +75,9 @@
 	}
 	
 	#hamb {
-	    font-size: 1.8rem;
+	    font-size: 1rem;
 		margin: -0.2rem 0 0.3rem -0.5rem;
-    	padding: 0.25rem 0.75rem;
+		padding: 7px 10px;
         color: var(--bs-gray-700);
 	}
 	
@@ -102,6 +89,10 @@
 			margin-left: 0.75rem;
 		}
 		
+		#profile-picture {
+			padding: 0.2rem;
+		}
+		
 		#progress-bar-widget {
 		    min-width: 11rem;
 		    padding: 0rem 0.85rem;
@@ -118,10 +109,34 @@
 		}
 		
 		#return-to-index {
-			padding: 1.275rem 1.3rem;
+			padding: 0.8rem;
 		    opacity: 1;
-		}	
-	} 
+		}
+	}
+	
+	@media (width > 768px) {
+		padding-bottom: 0.2rem;
+		
+		#lesson-name {
+		    margin-left: 3rem;
+		    margin-top: .2rem;
+		}
+		
+		#hamb {
+	    	font-size: 1.8rem;
+	    	padding: 0.25rem 0.75rem;
+		}
+		
+		.top-menu {
+			#profile-picture {
+				padding: initial;
+			}
+			
+			#return-to-index {
+				padding: 1.275rem 1.3rem;
+			}
+		}
+	}
 }
 
 .component-page-wrapper #component-offcanvas {
Index: lams_learning/web/loadToolActivity.jsp
===================================================================
diff -u -r2ea655d762396446cc46603cb1120c6439a18b63 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_learning/web/loadToolActivity.jsp	(.../loadToolActivity.jsp)	(revision 2ea655d762396446cc46603cb1120c6439a18b63)
+++ lams_learning/web/loadToolActivity.jsp	(.../loadToolActivity.jsp)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -27,6 +27,12 @@
 <c:set var="title"><fmt:message key="learner.title" /></c:set>
 
 <lams:PageLearner title="${title}" toolSessionID="" hideHeader="true" hideTitle="true">
+	<style>
+		main#component-main-content.p-3 {
+			padding: 1rem !important;
+		} 
+	</style>
+
 	<script type="text/javascript" src="${lams}includes/javascript/lottie/lottie-player.js"></script>
 	<script type="text/javascript" src="${lams}includes/javascript/nprogress.js"></script>		
 	<c:if test="${!empty activityForm.activityURLs}">
@@ -84,12 +90,12 @@
 
 				<h1 id="lesson-name" class="placeholder-wave flex-grow-2 col-md-6 col-9">
 					<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-5"></span>
-					<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-4"></span>
+					<span class="placeholder placeholder-sm bg-secondary bg-opacity-50 col-md-4"></span>
 				</h1>
 			</div>
 
 			<div class="top-menu">
-				<button id="profile-picture" class="btn btn-light no-decoration px-3 disabled" type="button" disabled>
+				<button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3 disabled" type="button" disabled>
 					<img class="portrait-sm portrait-round" src="${lams}images/css/john-doe-portrait.jpg" alt="Your profile portrait">
 				</button>
 		                    
Index: lams_monitoring/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_monitoring/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_assessment/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_chat/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_daco/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_doku/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_forum/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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_gmap/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_gmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -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 d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_images/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_imscc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_lamc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_laqa/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_larsrc/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_leader/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_mindmap/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_nb/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_notebook/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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_pixlr/web/WEB-INF/tags/PageLearner.tag
===================================================================
diff -u -rcc416a3977240bef2ac3f2243d6eb43d7a81306c -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision cc416a3977240bef2ac3f2243d6eb43d7a81306c)
+++ lams_tool_pixlr/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -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 d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_preview/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_sbmt/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_scratchie/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_scribe/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_spreadsheet/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_survey/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_task/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_vote/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_whiteboard/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_wiki/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_tool_zoom/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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 -rf5aa313c7adc7065d5d0eb39d5f2f31fe188fa20 -r65cf859cfb422d73341df794df86dc8ece2f926b
--- lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision f5aa313c7adc7065d5d0eb39d5f2f31fe188fa20)
+++ lams_www/web/WEB-INF/tags/PageLearner.tag	(.../PageLearner.tag)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
@@ -140,7 +140,7 @@
 		                </div>
 		                
 		                <div class="top-menu">
-		                    <button id="profile-picture" class="btn btn-light no-decoration px-3 d-none d-sm-block" type="button"
+		                    <button id="profile-picture" class="btn btn-light no-decoration d-none d-sm-block px-md-3" 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>