🐛 fix image rounded corners

Issue: #478

static/css/styles.css

@@ -1347,6 +1347,10 @@ input[type=file] {
   height: 1rem;
 }
 
+.h-auto {
+  height: auto;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -1363,10 +1367,6 @@ input[type=file] {
   height: 3rem;
 }
 
-.h-auto {
-  height: auto;
-}
-
 .max-h-\[470px\] {
   max-height: 470px;
 }
@@ -2559,10 +2559,6 @@ input[type=file] {
   transition-duration: 75ms;
 }
 
-.duration-150 {
-  transition-duration: 150ms;
-}
-
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -2571,10 +2567,6 @@ input[type=file] {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
-.ease-in-out {
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-}
-
 .file\:mr-5::file-selector-button {
   margin-right: 1.25rem;
 }
@@ -2952,10 +2944,6 @@ input[type=file] {
     float: right;
   }
 
-  .md\:float-left {
-    float: left;
-  }
-
   .md\:my-16 {
     margin-top: 4rem;
     margin-bottom: 4rem;

templates/includes/_header.html

@@ -123,7 +123,7 @@
                 <a href="{% url 'account_signup' %}" class="inline font-medium dark:text-white text-charcoal dark:hover:text-orange hover:text-orange">Join</a>
               {% else %}
                 {% if user.image %}
-                  <img src="{{ user.image.url }}" alt="user" class="inline -mt-1 rounded-sm cursor-pointer w-[30px]" @click="userOpen = !userOpen" />
+                  <img src="{{ user.image.url }}" alt="user" class="inline -mt-1 rounded cursor-pointer w-[30px]" @click="userOpen = !userOpen" />
                 {% else %}
                   <i class="inline mr-2 cursor-pointer fas fa-user text-charcoal dark:text-white/60" @click="userOpen = !userOpen"></i>
                 {% endif %}

templates/news/list.html

@@ -98,9 +98,9 @@
           </div>
           <div class="hidden pt-2 mt-4 text-xs text-left md:block w-[70px]">
             {% if entry.author.image %}
-              <img src="{{ entry.author.image.url }}" alt="{{ entry.author.get_full_name }}" class="inline rounded-sm w-[30px]" />
+              <img src="{{ entry.author.image.url }}" alt="{{ entry.author.get_full_name }}" class="inline rounded w-[30px]" />
             {% else %}
-              <span class="inline px-2 pt-3 pb-1 bg-white rounded-sm dark:text-white dark:bg-slate">
+              <span class="inline px-2 pt-3 pb-1 bg-white rounded dark:text-white dark:bg-slate">
                 <i class="text-2xl fas fa-user" title="{{ entry.author.get_full_name }}"></i>
               </span>
             {% endif %}