Merge remote-tracking branch 'origin/main'

static/css/styles(boris).css

@@ -12,6 +12,7 @@
 }
 
 .text-align-center{
+    text-align: -moz-center;
     text-align: -webkit-center;
     width: 100%;
 
@@ -237,7 +238,7 @@
     height: 62px;
     width: 100%;
     filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20));
-    border-radius: 3px;
+    border-radius: 15px;
     margin-bottom: 5px;
     padding: 20px;
 }
@@ -259,7 +260,7 @@
     width: calc(100% - 40px);
     height: 20px;
     filter: drop-shadow(-1px 4px 10px rgba(198, 199, 203, 0.20)) drop-shadow(0px -1px 10px rgba(198, 199, 203, 0.20));
-    border-radius: 3px;
+    border-radius: 15px;
     margin-bottom: 5px;
     /*min-width: unset;*/
     /*max-width: unset;*/
@@ -282,8 +283,11 @@
     /*max-width: calc(80% - 40px);*/
     resize: none;
     padding: 20px;
-    width: 85%;
+    width: calc(100% - 117px);
     float: left;
+    border-radius: 15px 0 0 15px;
+    border: solid #E6E6E6;
+    border-width: 1px 0 1px 1px;
 
 }
 
@@ -302,13 +306,17 @@
     /*top: 39px;*/
     /*left: 93%;*/
     height: calc(100% - 20px);
-    width: calc(15% - 60px);
+    width: 55px;
     padding-top: 20px;
     padding-right: 20px;
     min-height: 220px;
     float: right;
     background: #FFFFFF;
     text-align: right;
+    border-radius: 0 15px 15px 0;
+    border: solid #E6E6E6;
+    border-width: 1px 1px 1px 0px;
+
     /*display: inline-block;*/
 }
 
@@ -327,6 +335,7 @@
     color: #FFFFFF;
     border-radius: 10px;
     float: left;
+    font-size: 16px;
 }
 
 .attach-file-btn{
@@ -575,7 +584,7 @@
     position: relative;
     display: inline-block;
     margin-bottom: 0;
-    bottom: 6px;
+    vertical-align: middle;
 }
 .attach-file-btn-message.loader{
     top: 10px;
@@ -590,6 +599,8 @@
     background-position: center;
     background-repeat: no-repeat;
     margin-left: 5px;
+    display: inline-block;
+    vertical-align: middle;
 }
 
 .loader_show_message.show{
@@ -1420,7 +1431,7 @@
 }
 
 .inf_carrier_icon{
-    width: 10%;
+    width: 25px;
 }
 
 .phones_carrier_span.active{
@@ -1580,7 +1591,7 @@
 .container_subscribe{
     width: 25%;
     border-radius: 10px;
-    padding: 2%;
+    padding: 20px;
     box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
     margin-right: 2%;
     margin-left: 2%;