Corrections CSS

coopdevs · Oct 30, 2024 · 6c7c57f · 6c7c57f
1 parent da98437
commit 6c7c57f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 23 deletions.
diff --git a/app/assets/stylesheets/application/member-card.scss b/app/assets/stylesheets/application/member-card.scss
@@ -1,26 +1,17 @@
-.column--cards {
-  display: flex;
-  flex-direction: column;
-}
-
 .to-member-card {
   & {
     margin: 16px 0;
     width: 100%;
     max-width: 600px;
-    min-height: 178px;
+    height: 178px;
     background-color: white;
     box-shadow: 0 0 3px $palette-grey;
-    border-radius: 0.3rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    box-sizing: border-box;
+    display: inline-block;
+    border-radius: 4px;
 
     @media(max-width: $screen-sm-min) {
       height: auto;
       margin: 10px 0;
-      max-width: 100%;
     }
   }
 
@@ -29,8 +20,7 @@
       display: flex;
       background-color: $palette-dark-turkey;
       padding: 10px 20px;
-      align-items: center;
-      border-radius: 0.3rem 0.3rem 0 0;
+      border-radius: 4px 4px 0 0;
     }
 
     &__avatar {
@@ -59,19 +49,14 @@
 
   &__body {
     & {
-      flex: 1;
       padding: 16px 20px;
-      display: flex;
-      flex-direction: column;
     }
 
     &__description {
       margin-bottom: 10px;
       color: #666;
       font-size: 15px;
-      min-height: auto;
-      white-space: normal;
-      word-wrap: break-word;
+      height: 44px;
 
       @media(max-width: $screen-sm-min) {
         height: auto;
@@ -80,8 +65,6 @@
 
     &__items {
       display: flex;
-      flex-wrap: wrap;
-      margin-top: auto;
 
       @media(max-width: $screen-sm-min) {
         display: block;

diff --git a/app/views/users/_member_card.html.erb b/app/views/users/_member_card.html.erb
@@ -1,4 +1,4 @@
-<div class="col-lg-6 col-sm-12 column--cards">
+<div class="col-lg-6 col-sm-12">
   <div class="to-member-card">
     <div class="to-member-card__header">
       <div class="to-member-card__header__avatar"><%= image_tag avatar_url(member.user, 48) %></div>