Fix organization profile on mobile devices (#3332)

templates/org/home.tmpl

@@ -1,8 +1,8 @@
 {{template "base/head" .}}
 <div class="organization profile">
-	<div class="ui container">
+	{{/* overflow: auto is the clearfix - this avoids the image going beyond
-		<div class="ui grid">
+	the container where it is supposed to stay inside. */}}
-			<div class="ui sixteen wide column">
+	<div class="ui container" style="overflow: auto">
 		<img class="ui left" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>
 		<div id="org-info">
 			<div class="ui header">
@@ -15,15 +15,12 @@
 				{{if .Org.Website}}<div class="item"><span class="octicon octicon-link"></span> <a target="_blank" rel="noopener" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}
 			</div>
 		</div>
-
-			</div>
-		</div>
 	</div>
 
 	<div class="ui divider"></div>
 
 	<div class="ui container">
-		<div class="ui grid">
+		<div class="ui mobile reversed stackable grid">
 			<div class="ui eleven wide column">
 				{{if .IsOrganizationOwner}}
 					<div class="text right">