🐛 Fixed team info settings alignment (#6354)

frontend/src/app/main/ui/dashboard/team.cljs

@@ -1117,10 +1117,6 @@
      [:& header {:section :dashboard-team-settings :team team}]
      [:section {:class (stl/css :dashboard-team-settings)}
       [:div {:class (stl/css :block :info-block)}
-       [:div {:class (stl/css :block-label)}
-        (tr "dashboard.team-info")]
-       [:div {:class (stl/css :block-text)}
-        (:name team)]
        [:div {:class (stl/css :team-icon)}
         (when can-edit
           [:button {:class (stl/css :update-overlay)
@@ -1132,7 +1128,11 @@
           [:& file-uploader {:accept "image/jpeg,image/png"
                              :multi false
                              :ref finput
-                             :on-selected on-file-selected}])]]
+                             :on-selected on-file-selected}])]
+       [:div {:class (stl/css :block-label)}
+        (tr "dashboard.team-info")]
+       [:div {:class (stl/css :block-text)}
+        (:name team)]]
 
       [:div {:class (stl/css :block)}
        [:div {:class (stl/css :block-label)}

frontend/src/app/main/ui/dashboard/team.scss

@@ -27,8 +27,7 @@
 }
 
 .info-block {
-  position: relative;
-  padding-top: $s-180;
+  margin-block-start: $s-16;
 }
 
 .block-label {
@@ -63,12 +62,11 @@
 
 .team-icon {
   --update-button-opacity: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
+  position: relative;
   height: $s-120;
   width: $s-120;
   padding: $s-16;
+  margin-block-end: $s-32;
 
   &:hover {
     --update-button-opacity: 1;
@@ -76,6 +74,9 @@
 }
 
 .team-image {
+  position: absolute;
+  top: 0;
+  left: 0;
   border-radius: 50%;
   width: $s-120;
   height: $s-120;
@@ -86,8 +87,8 @@
   @include buttonStyle;
   @include flexCenter;
   position: absolute;
-  top: $s-16;
-  left: $s-16;
+  top: 0;
+  left: 0;
   height: 100%;
   width: 100%;
   z-index: $z-index-modal;