create view for a gr oup

templates/group/group_view.twig

 {% extends 'common/layout.twig' %}
 {% block content %}
-<div class="ui card" id="usercard">
+  <div class="ui card" id="groupcard">
     <div class="content">
-  <img class="ui left floated circular image" src="/assets/img/default-avatar.png">
+      <img class="ui left floated circular image small" src="/assets/img/default-avatar.png">
       <a class="header">{{group.name}}</a>
-    <div class="meta">
+      <div class="meta" id="meta">
         <span class="date">
           {% if group.isPrivate %} Private {% else %} Public {% endif %} group
         </span>
       </div>
-    <div class="description">
+      <div class="description" id="description">
         <p>{{group.description}}</p>
       </div>
       <div class="extra content" id="icons_users">
@@ -24,7 +24,7 @@
           <button class="ui button" id="add-user-button"><i class="user plus icon"></i> Add a member </button>
           {% endif %}
           {% if group.hasUser(session.userId) == false %}
-            <form action="/groups/{{group.getId}}/add" method="post">
+          <form action="/groups/{{group.getId}}/users/add" method="post">
             <button type="submit" class="ui button"><i class="user plus icon"></i></button>
           </form>
           {% endif %}
@@ -32,6 +32,8 @@
       </div>
     </div>
   </div>
+  <div id="map">
+  </div>
   <div id="members">
     <h2> Members </h2>
     <div class="ui relaxed divided list" id="members_list" style="overflow:scroll">
@@ -49,6 +51,7 @@
       </div>
       {% endfor %}
     </div>
+  </div>
   {% if group.checkAdmin(session.userId) %}
   <div class="ui modal" id="modal_add_user">
     <div class="header">