diff --git a/media/css/reports.css b/media/css/reports.css
new file mode 100644
index 0000000000000000000000000000000000000000..e7df960185df118ff1083ff6eda03b411260d527
--- /dev/null
+++ b/media/css/reports.css
@@ -0,0 +1,18 @@
+.errTitle{
+    font-size: large;
+    cursor: pointer;
+ }
+.repBlock{
+    border: solid;
+    border-width: 1px ;
+    border-color: #8ba7f6;
+    padding: 7px;
+    margin-bottom: 10px;
+}
+.reqImg{
+    float:left;
+    width: 100px;
+}
+.repInfo{
+    display: none;
+}
\ No newline at end of file
diff --git a/media/css/test.css b/media/css/test.css
deleted file mode 100644
index 3ffd17aebc0515b8036c2c0be26e46cf04e9950c..0000000000000000000000000000000000000000
--- a/media/css/test.css
+++ /dev/null
@@ -1,3 +0,0 @@
-p{
-    color: #0000cc;
-}
\ No newline at end of file
diff --git a/media/js/reports.js b/media/js/reports.js
new file mode 100644
index 0000000000000000000000000000000000000000..921b3b686d6ec5f253c4b687bc549d85b3c54b20
--- /dev/null
+++ b/media/js/reports.js
@@ -0,0 +1,9 @@
+$(function(){
+    $(".errTitle").click(function(e){
+        var id_click = e.target.id;
+        console.log(id_click + " 11111");
+        var id_id = id_click.replace('errTitle','#repInfo');
+        console.log(id_id);
+        $(id_id).toggle(400);
+    })
+})
\ No newline at end of file
diff --git a/~dev_rating/application/views/admin/base.twig b/~dev_rating/application/views/admin/base.twig
index f8b551572714d4ff953ae3af601ca57356212ec1..61935a2e5db0c853e954eb3c9ed19210c1eac22d 100644
--- a/~dev_rating/application/views/admin/base.twig
+++ b/~dev_rating/application/views/admin/base.twig
@@ -36,7 +36,7 @@
 	{{ HTML.style('static/css/admin/macro.css')|raw }}
     {#{{ HTML.style('static/css/actionButton.css')|raw }}#}
     {{ HTML.style('static/css/common/buttons.css')|raw }}
-
+    {{ HTML.style('static/css/common/buttons.css')|raw }}
     {{ HTML.script('static/js/libs/jquery-1.11.1.min.js')|raw }}
     {{ HTML.script('static/js/config.js')|raw }}
 
diff --git a/~dev_rating/application/views/admin/requests/errors.twig b/~dev_rating/application/views/admin/requests/errors.twig
index 257b8eab83bd336edc4aad71d1709d0a57a164ef..eb429bf7db52aef9c2646afe969d1422405e5792 100644
--- a/~dev_rating/application/views/admin/requests/errors.twig
+++ b/~dev_rating/application/views/admin/requests/errors.twig
@@ -2,22 +2,32 @@
 
 
 {% block title %}Поддержка{% endblock %}
+{% block media %}{{ HTML.style('/static/css/reports.css')|raw }}
+{{ HTML.script('/static/js/reports.js')|raw }}
+{% endblock %}
 {% block main_top_title %}Сообщения в службу поддержки{% endblock %}
 
 {% block main_content %}
-    <table border="1">
-        {% for ind, req in Requests %}
-            <tr>
-                <td>{{ ind }} </td>
-                <td>{{ req.ID }}</td>
-                <td>{{ req.Title }}</td>
-                <td>{{ req.Status }}</td>
-                <td>
-                    {% if req.IsImage == '1' %}
-                        <img src="{{ [URL.site("support/image/preview"), req.ID]|join('/') }}">
-                    {% endif %}
-                </td>
-            </tr>
+<div></div>
+    <div class="listPage1">
+        {% for req in Requests %}
+            <div class="repBlock" >
+                <div>
+                <div class="errTitle" id="{{ "errTitle"~req.ID }}" style="float: left">{{ req.Title }}</div>
+
+                <div style="float: right">{{ req.Status }}</div></div>
+                {#<div style="float: left">{{ ind }} </div>
+                <div style="float: left">{{ req.ID }}</div>#}
+                <div id="{{ "repInfo"~req.ID }}" class="repInfo">
+                    <div class ="reqImg">
+                        {% if req.IsImage == '1' %}
+                            <img src="{{ [URL.site("support/image/preview"), req.ID]|join('/') }}">
+                        {% endif %}
+                    </div>
+                    <div><p>{{ req.Description}}</p></div>
+                </div>
+
+            </div>
         {% endfor %}
-    </table>
+        </div>
 {% endblock %}