fix: tile-info-area shares space between credentials+comment, scroll restored

app/static/style.css

@@ -355,7 +355,7 @@ button {
   border: 1px solid #c7d9ea;
   border-radius: 8px;
   padding: 0.5rem 0.75rem 0.55rem;
-  margin: 0.65rem 0 0.1rem;
+  margin: 0 0 0.5rem;
   display: flex;
   flex-direction: column;
   gap: 0.3rem;
@@ -461,15 +461,21 @@ button {
   margin-top: 0.45rem;
   color: #4b6178;
 }
+.tile-info-area {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
 .tile-comment {
   display: block;
   flex: 1;
   min-height: 0;
-  overflow: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
   line-height: 1.35;
   padding-right: 0.2rem;
-  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
--webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
 }
 .tile-comment b,
 .tile-comment strong {

app/templates/dashboard.html

@@ -83,6 +83,7 @@
             <img class="tile-icon" src="{{ service.icon_path or '/static/service-placeholder.svg' }}" alt="icon" />
           </div>
           <h3>{{ service.name }}</h3>
+          <div class="tile-info-area">
             {% if service.svc_login or service.svc_password %}
             <div class="svc-credentials" onclick="event.preventDefault();event.stopPropagation()">
               {% if service.svc_login %}
@@ -107,6 +108,7 @@
             {% if service.comment %}
               <div class="tile-comment">{{ service_comment_html.get(service.id, '') }}</div>
             {% endif %}
+          </div>
           {% if svc_cats %}
             <div class="service-categories">
               {% for category in svc_cats %}