From a85f2cce9babeb8b3313dae958168b3c443e5c02 Mon Sep 17 00:00:00 2001
From: Gary Zhao <gary.j.zhao@gmail.com>
Date: Thu, 5 Dec 2024 14:41:49 -0500
Subject: [PATCH] updated snaps

---
 .../Actions/__snapshots__/index.test.tsx.snap | 167 +++++++++---------
 1 file changed, 87 insertions(+), 80 deletions(-)

diff --git a/src/features/ModelPlan/ModelToOperations/_components/Table/Actions/__snapshots__/index.test.tsx.snap b/src/features/ModelPlan/ModelToOperations/_components/Table/Actions/__snapshots__/index.test.tsx.snap
index a3943ef948..31543e7419 100644
--- a/src/features/ModelPlan/ModelToOperations/_components/Table/Actions/__snapshots__/index.test.tsx.snap
+++ b/src/features/ModelPlan/ModelToOperations/_components/Table/Actions/__snapshots__/index.test.tsx.snap
@@ -42,113 +42,120 @@ exports[`MTO Table Actions Component > renders correctly and matches snapshot 1`
       </button>
     </div>
     <div
-      class="action-buttons margin-top-3 display-flex flex-justify flex-wrap"
-      style="gap: 24px;"
+      class="action-buttons margin-top-3"
     >
       <div
-        class="width-fit-content"
+        class="action-button--milestone"
       >
         <div
-          class="display-flex flex-align-center"
+          class="width-fit-content"
         >
           <div
-            class="margin-right-1 bg-green-5 radius-sm display-flex flex-align-center flex-justify-center"
-            style="height: 20px; width: 20px;"
+            class="display-flex flex-align-center"
           >
-            <svg
-              class="usa-icon"
-              focusable="false"
-              height="1em"
-              role="img"
-              style="fill: #607F35;"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
+            <div
+              class="margin-right-1 bg-green-5 radius-sm display-flex flex-align-center flex-justify-center"
+              style="height: 20px; width: 20px;"
             >
-              <path
-                d="M14.4 6 14 4H5v17h2v-7h5.6l.4 2h7V6z"
-              />
-            </svg>
+              <svg
+                class="usa-icon"
+                focusable="false"
+                height="1em"
+                role="img"
+                style="fill: #607F35;"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M14.4 6 14 4H5v17h2v-7h5.6l.4 2h7V6z"
+                />
+              </svg>
+            </div>
+            <p
+              class="margin-y-0 text-bold"
+            >
+              Milestones
+            </p>
           </div>
           <p
-            class="margin-y-0 text-bold"
+            class="margin-top-0"
           >
-            Milestones
+            1 common milestones
           </p>
+          <button
+            class="usa-button usa-button--outline display-block margin-bottom-1"
+            data-testid="button"
+            type="button"
+          >
+            Browse milestone library
+          </button>
+          <button
+            class="usa-button usa-button--unstyled display-block"
+            data-testid="button"
+            type="button"
+          >
+            or, add a custom milestone
+          </button>
         </div>
-        <p
-          class="margin-top-0"
-        >
-          1 common milestones
-        </p>
-        <button
-          class="usa-button usa-button--outline display-block margin-bottom-1"
-          data-testid="button"
-          type="button"
-        >
-          Browse milestone library
-        </button>
-        <button
-          class="usa-button usa-button--unstyled display-block"
-          data-testid="button"
-          type="button"
-        >
-          or, add a custom milestone
-        </button>
       </div>
       <div
-        class="width-fit-content"
+        class="action-button--solution"
       >
         <div
-          class="display-flex flex-align-center"
+          class="width-fit-content"
         >
           <div
-            class="margin-right-1 radius-sm display-flex flex-align-center flex-justify-center"
-            style="height: 20px; width: 20px; background-color: rgb(225, 230, 249);"
+            class="display-flex flex-align-center"
           >
-            <svg
-              class="usa-icon"
-              focusable="false"
-              height="1em"
-              role="img"
-              style="fill: #3F57A6;"
-              viewBox="0 0 24 24"
-              width="1em"
-              xmlns="http://www.w3.org/2000/svg"
+            <div
+              class="margin-right-1 radius-sm display-flex flex-align-center flex-justify-center"
+              style="height: 20px; width: 20px; background-color: rgb(225, 230, 249);"
             >
-              <path
-                d="m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
-              />
-            </svg>
+              <svg
+                class="usa-icon"
+                focusable="false"
+                height="1em"
+                role="img"
+                style="fill: #3F57A6;"
+                viewBox="0 0 24 24"
+                width="1em"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"
+                />
+              </svg>
+            </div>
+            <p
+              class="margin-y-0 text-bold"
+            >
+              Operational solutions
+            </p>
           </div>
           <p
-            class="margin-y-0 text-bold"
+            class="margin-top-0"
           >
-            Operational solutions
+            2 common solutions and IT systems
           </p>
+          <button
+            class="usa-button usa-button--outline display-block margin-bottom-1"
+            data-testid="button"
+            type="button"
+          >
+            Browse solution library
+          </button>
+          <button
+            class="usa-button usa-button--unstyled display-block"
+            data-testid="button"
+            type="button"
+          >
+            or, add a custom solution
+          </button>
         </div>
-        <p
-          class="margin-top-0"
-        >
-          2 common solutions and IT systems
-        </p>
-        <button
-          class="usa-button usa-button--outline display-block margin-bottom-1"
-          data-testid="button"
-          type="button"
-        >
-          Browse solution library
-        </button>
-        <button
-          class="usa-button usa-button--unstyled display-block"
-          data-testid="button"
-          type="button"
-        >
-          or, add a custom solution
-        </button>
       </div>
       <div
-        class="width-fit-content"
+        class="action-button--category"
       >
         <div
           class="display-flex flex-align-center"
@@ -185,7 +192,7 @@ exports[`MTO Table Actions Component > renders correctly and matches snapshot 1`
           1 available template
         </p>
         <div
-          class="display-flex flex-justify bg-base-lightest border-gray-10 padding-x-2 padding-y-1 radius-md shadow-2 margin-bottom-1"
+          class="display-flex flex-justify bg-base-lightest border border-gray-10 padding-x-2 padding-y-1 radius-md shadow-2 margin-bottom-1"
           style="gap: 24px;"
         >
           <span