Стилизация кнопки

cb92f1e5 · Teri-IM · a8feed34 · cb92f1e5 · cb92f1e5
--- a/portal/static/css/projects/index.css
+++ b/portal/static/css/projects/index.css
@@ -54,6 +54,9 @@
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 3px rgba(62.69, 62.69, 62.69, 0.27);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
 }

 .cap { /* Название*/
@@ -63,6 +66,12 @@
 }

 .text { /* Описание*/
+    align-self: center;
+    min-width: 88%;
+    min-height: 40px;
+}
+
+.files { /* main-div всех файлов*/

 }

@@ -73,6 +82,31 @@
 .filename { /* Название файла*/

 }
+a.btn-projects { /* Кнопка проекта*/
+    align-self: center;
+    display: flex;
+    margin-bottom: 2%;
+    height: 50px;
+    min-width: 30%;
+    border: 0;
+    box-shadow: 0px 0px 4px 3px rgba(62.69, 62.69, 62.69, 0.55); 
+    border-radius: 10px;
+    background-color: #FFFFFF;
+    /* text-align: center; */
+    justify-content: center;
+}
+
+.inbtn {
+
+}
+
+a.btn-projects:hover, a.btn-projects.hover {
+    background-color: #DBE1FF;
+}
+
+a.btn-projects:active, a.btn-projects.active {
+    background-color: #546FFF;
+}

 @media (max-width: 1000px) {
    .main {

--- a/portal/templates/projects/index.html
+++ b/portal/templates/projects/index.html
@@ -33,7 +33,6 @@
 {% for project in projects %}
        <div class="flex" id="flex{{ project.project.id }}"> <!-- id проекта -->
            <p class="cap">{{ project.project.name }}</p> <!-- Название проекта -->
-            <button class="btn btn-projects"><a href="./?id={{ project.project.id }}">Редактирование проекта</a></button> <!-- кнопка --> <!--Нужно сделать ссылку по типу projects/index/id_проекта-->
            <p class="text">{{ project.project.description }}</p> <!-- Описание проекта -->
            <div class="files">
                {% for file in project.files %} <!-- цикл для отрисовки файлов -->
@@ -42,6 +41,9 @@
                    </div>
                {% endfor %}
            </div>
+            <a href="./?id={{ project.project.id }}" class="a btn-projects"> <!-- кнопка -->
+                <p class="p inbtn">Редактирование проекта</p>
+            </a>
        </div>
 {% endfor %}
 {% endif %}