diff --git a/src/css/style.less b/src/css/style.less
index 8816d715..eb710868 100644
--- a/src/css/style.less
+++ b/src/css/style.less
@@ -557,6 +557,25 @@ input[type='radio'].nice-radio {
     }
 }
 
+.app-card {
+    margin-bottom: 20px;
+    width: 30%;
+    float: left;
+    min-height: 1px;
+    margin-right: 10px;
+    margin-left: 10px;
+    border-radius: 4px;
+}
+
+.btn-group {
+    width: 100%;
+    margin-left: 0px;
+}
+
+.panel-body {
+    padding: 15px;
+}
+
 
 /** Flash messages **/
 #flashMessage {
diff --git a/src/views/app/app_list_install.ms b/src/views/app/app_list_install.ms
index 1ff9b887..5b1b8654 100644
--- a/src/views/app/app_list_install.ms
+++ b/src/views/app/app_list_install.ms
@@ -17,18 +17,33 @@
 
 <div class="list-group">
 {{#apps}}
-    <a href="#/apps/install/{{id}}" class="list-group-item slide" title="{{t 'install'}}">
-        <span class="fa-chevron-right pull-right"></span>
-        <h2 class="list-group-item-heading">
-            {{name}} <small>{{id}}</small>
-            {{#installed}}<span class="badge badge-success" title="{{t 'status'}}">{{t 'installed'}}</span>{{/installed}}
-        </h2>
-        <p class="list-group-item-text">{{description}}</p>
-        {{^official}}
-            <p class="list-group-item-text">{{t 'app_repository'}}{{repository}}</p>
-            <p class="list-group-item-text">{{t 'app_state'}}{{state}}</p>
-        {{/official}}
-    </a>
+  <div class="app-card_ampache app-card panel panel-default" id="app-card_ampache">
+        <div class="panel-body">
+            <h3>{{name}}</h3>
+            <div class="category"> <span class="label label-success label-as-badge">{{level}}</span>
+            <span class="label label-success label-as-badge app-validated">validated</span>
+            <span class="label label-default">AGPL-3.0</span></div>
+            <div class="app-card-desc">{{description}}</div>
+        </div>
+            <div class="app-card-date-maintainer">
+                <span class="glyphicon glyphicon-refresh"></span> 10 April 2018 -
+                <span title="Current maintainer of this package" class="maintained"><span class="glyphicon glyphicon-user"></span> aymhce</span>
+            </div>
+            <div class="btn-group" role="group">
+                <a href="https://github.com/YunoHost-Apps/ampache_ynh" target="_BLANK" type="button" class="btn btn-default col-sm-4">
+                    <span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
+                    Code
+                </a>
+                <a href="#/app_ampache_en" target="_BLANK" type="button" class="btn btn-default col-sm-4">
+                    <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
+                    Doc
+                </a>
+                <a href="#/apps/install/{{id}}" target="_BLANK" type="button" class="btn btn-success col-sm-4 active">
+                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+                    Install
+                </a>
+            </div>
+    </div>
 {{/apps}}
 </div>