From 8888a43f44d898fb3687086caeca42f2c60a875b Mon Sep 17 00:00:00 2001
From: CocoByte <nicolle.leclair@gmail.com>
Date: Mon, 10 Feb 2025 13:16:31 -0700
Subject: [PATCH] Adjustments from huddle

---
 .../assets/src/js/getgov/table-domains.js          | 14 ++++++++------
 src/registrar/assets/src/sass/_theme/_base.scss    |  9 +++++++--
 src/registrar/templates/portfolio_base.html        |  2 +-
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/registrar/assets/src/js/getgov/table-domains.js b/src/registrar/assets/src/js/getgov/table-domains.js
index 6536e7f6e..1cf1fc2dd 100644
--- a/src/registrar/assets/src/js/getgov/table-domains.js
+++ b/src/registrar/assets/src/js/getgov/table-domains.js
@@ -57,12 +57,14 @@ export class DomainsTable extends BaseTable {
       </td>
       ${markupForSuborganizationRow}
       <td class="width--action-column">
-        <a href="${actionUrl}">
-          <svg class="usa-icon top-1px" aria-hidden="true" focusable="false" role="img" width="24">
-            <use xlink:href="/public/img/sprite.svg#${domain.svg_icon}"></use>
-          </svg>
-          ${domain.action_label} <span class="usa-sr-only">${domain.name}</span>
-        </a>
+        <div class="tablet:display-flex tablet:flex-row flex-align-center margin-right-2">
+          <a href="${actionUrl}">
+            <svg class="usa-icon top-1px" aria-hidden="true" focusable="false" role="img" width="24">
+              <use xlink:href="/public/img/sprite.svg#${domain.svg_icon}"></use>
+            </svg>
+            ${domain.action_label} <span class="usa-sr-only">${domain.name}</span>
+          </a>
+        </div>
       </td>
     `;
     tbody.appendChild(row);
diff --git a/src/registrar/assets/src/sass/_theme/_base.scss b/src/registrar/assets/src/sass/_theme/_base.scss
index f9418c542..904c0fb29 100644
--- a/src/registrar/assets/src/sass/_theme/_base.scss
+++ b/src/registrar/assets/src/sass/_theme/_base.scss
@@ -51,7 +51,7 @@ body {
   background-color: color('white');
   border: 1px solid color('base-lighter');
   border-radius: 4px;
-  padding: 0 units(4) units(3) units(2);
+  padding: 0 units(2) units(3) units(2);
   margin-top: units(3);
 
   &.margin-top-0 {
@@ -276,6 +276,11 @@ abbr[title] {
   width: 25%;
 }
 
+/* 
+NOTE: width: 3% basically forces a fit-content effect in the table.
+Fit-content itself does not work.
+*/
 .width--action-column {
-  max-width: 80px;
+  width: 3%;
+  padding-right: 0px !important;
 }
diff --git a/src/registrar/templates/portfolio_base.html b/src/registrar/templates/portfolio_base.html
index 9f43c7251..ec7c0c22b 100644
--- a/src/registrar/templates/portfolio_base.html
+++ b/src/registrar/templates/portfolio_base.html
@@ -9,7 +9,7 @@
             {# the entire logged in page goes here #}
             
             <div class="grid-row {% if not is_widescreen_centered %}max-width--grid-container{% endif %}">
-              <div class="tablet:grid-col-11 desktop:grid-col-10 {% if is_widescreen_centered %}tablet:grid-offset-1{% endif %}">
+              <div class="desktop:grid-col-10 {% if not is_widescreen_centered %}tablet:grid-col-11 {% else %}tablet:padding-left-4 tablet:padding-right-4 tablet:grid-col-12 desktop:grid-offset-1{% endif %}">
             
                 {% block portfolio_content %}{% endblock %}