From ea4a9551b06b2c78687cb9ec2f5be20ac0a08b4b Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Sun, 16 Jun 2024 22:31:44 +0300
Subject: [PATCH] auth

---
 .../src/resources/css/components-lkrp.css     | 35 +++++++++----------
 frontend/src/resources/css/inbox-lkrp.css     | 21 +++++++++--
 .../src/resources/img/svg/arrow-down-wt.svg   |  4 +++
 frontend/src/resources/img/svg/user-wt.svg    |  4 +++
 4 files changed, 42 insertions(+), 22 deletions(-)
 create mode 100644 frontend/src/resources/img/svg/arrow-down-wt.svg
 create mode 100644 frontend/src/resources/img/svg/user-wt.svg

diff --git a/frontend/src/resources/css/components-lkrp.css b/frontend/src/resources/css/components-lkrp.css
index df0134e9..56c5038d 100644
--- a/frontend/src/resources/css/components-lkrp.css
+++ b/frontend/src/resources/css/components-lkrp.css
@@ -155,21 +155,29 @@
 	margin-top: var(--indent-medium);
 }
 
-@media ((min-width: 481px) and (max-width: 780px)) {
-
-}
-
-@media (max-width: 480px) {
+@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {
     .webbpm.ervu_lkrp_ul .main-block {
         & > .horizontal-container {
-            flex-direction: column;
+            flex-direction: column-reverse;
         }
 		.left-block {
             padding-right: 0; 
-            margin-bottom: var(--indent-medium);
+            margin-top: var(--indent-medium);
         }
     }
 
+	.webbpm.ervu_lkrp_ul .right-block .fieldset {
+		padding-top: 20px;
+
+		&::before {
+			top: 20px;
+			left: auto;
+			right: 20px;
+		}
+	}      
+}
+
+@media (max-width: 480px) {
     .webbpm.ervu_lkrp_ul .left-block {
 		.subtitle text {
 			padding-top: 60px;
@@ -181,7 +189,6 @@
 	    	}			
 		}
 	   .fieldset {
-
 	   		legend + div > hbox:not(.subtitle) > .horizontal-container {
 	   			flex-direction: column;
 	   		}
@@ -196,17 +203,7 @@
 	    		max-width: 300px;
 	    	}
 	    }
-    }
-
-	.webbpm.ervu_lkrp_ul .right-block .fieldset {
-		padding-top: 20px;
-
-		&::before {
-			top: 20px;
-			left: auto;
-			right: 20px;
-		}
-	}    
+    }  
 }
 
 
diff --git a/frontend/src/resources/css/inbox-lkrp.css b/frontend/src/resources/css/inbox-lkrp.css
index 0264335b..a45637b6 100644
--- a/frontend/src/resources/css/inbox-lkrp.css
+++ b/frontend/src/resources/css/inbox-lkrp.css
@@ -93,10 +93,25 @@ body {
             flex-direction: row;
             align-items: center;
             color: var(--white);
+            height: 24px;
             padding: 0;
             border: 0;
             outline: none;
             cursor: pointer;
+
+            &.dropdown-toggle::before {
+                display: inline-block;
+                content: "";
+                width: 24px;
+                height: 24px;
+                background-image: url(../img/svg/user-wt.svg);                   
+            }
+            &.dropdown-toggle::after {
+                width: 24px;
+                height: 24px;
+                background-image: url(../img/svg/arrow-down-wt.svg);                   
+                border: 0;
+            }
         }
         .dropdown-menu.show {
             top: var(--h-header) !important;
@@ -143,14 +158,14 @@ body {
     }
 }
 
-@media ((min-width: 481px) and (max-width: 780px)) {
+@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {
     .webbpm.ervu_lkrp_ul {
         --w-screen: 32px;
 
         --size-text-title: 28px;
 
-        --indent-huge: 40px;
-        --indent-big: 32px;
+        --indent-huge: 32px;
+        --indent-big: 24px;
         --indent-medium: 24px;
         --indent-small: 16px;       
     }
diff --git a/frontend/src/resources/img/svg/arrow-down-wt.svg b/frontend/src/resources/img/svg/arrow-down-wt.svg
new file mode 100644
index 00000000..2f035195
--- /dev/null
+++ b/frontend/src/resources/img/svg/arrow-down-wt.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.29537 10.7195C5.90154 10.3261 5.90154 9.68836 6.29537 9.29501C6.68919 8.90166 7.3277 8.90166 7.72152 9.29501L12.7131 14.2805C13.1069 14.6739 13.1069 15.3116 12.7131 15.705C12.3193 16.0983 11.6807 16.0983 11.2869 15.705L6.29537 10.7195Z" fill="white"/>
+<path d="M16.2785 9.29516C16.6723 8.90181 17.3108 8.90181 17.7046 9.29516C18.0985 9.68851 18.0985 10.3263 17.7046 10.7196L12.7131 15.705C12.3193 16.0983 11.6807 16.0983 11.2869 15.705C10.8931 15.3116 10.8931 14.674 11.2869 14.2807L16.2785 9.29516Z" fill="white"/>
+</svg>
diff --git a/frontend/src/resources/img/svg/user-wt.svg b/frontend/src/resources/img/svg/user-wt.svg
new file mode 100644
index 00000000..df2ea6c1
--- /dev/null
+++ b/frontend/src/resources/img/svg/user-wt.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="11.7673" cy="8.4382" r="4.4382" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.6503 13.9199C14.8934 15.2849 13.4378 16.2089 11.7663 16.2089C10.0951 16.2089 8.63959 15.2851 7.88257 13.9204C7.3 14.2568 6.75879 14.6703 6.27486 15.1542C4.81829 16.6108 4 18.5863 4 20.6462L11.7668 20.6462H19.5337C19.5337 18.5863 18.7154 16.6108 17.2588 15.1542C16.7747 14.6701 16.2332 14.2564 15.6503 13.9199Z" fill="white"/>
+</svg>