Copy and style for done and already

Author: jzimdars

app/views/integrations/basecamps/callbacks/show.html.erb

@@ -1,8 +1,8 @@
 <% @hide_footer_frames = true %>
 
-<div data-controller="popup-window">
-  <p>Your accounts are now linked!</p>
-  <p>From now on, any Basecamp link you paste in will get a preview.</p>
+<div data-controller="popup-window" class="panel shadow center margin-block-double">
+  <strong class="txt-large">Your accounts are now linked</strong>
+  <p>From now on, any Basecamp link you paste into Fizzy will automatically be turned into a preview.</p>
 
-  <button class="btn" data-action="popup-window#close">Got it!</button>
+  <button class="btn btn--link" data-action="popup-window#close">Done</button>
 </div>

app/views/integrations/basecamps/create.html.erb

@@ -1,7 +1,8 @@
 <% @hide_footer_frames = true %>
 
-<div data-controller="popup-window">
-  <p>You have already setup your Basecamp integration</p>
+<div data-controller="popup-window" class="panel shadow center margin-block-double">
+  <strong class="txt-large">Your accounts are already linked</strong>
+  <p>There's nothing left to do. Any Basecamp link you paste into Fizzy will automatically be turned into a preview</p>
 
-  <button class="btn" data-action="popup-window#close">Ok</button>
+  <button class="btn" data-action="popup-window#close">OK</button>
 </div>