Handle long target/location values better

r2/r2/public/static/css/reddit.less

@@ -4770,6 +4770,16 @@ ul.tabmenu.formtab {
     padding: 2px 4px;
 }
 
+.existing-campaigns {
+    td.campaign-target,
+    td.campaign-location {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 100px;
+    }
+}
+
+
 .campaign .bid-info { font-size: x-small; }
 .campaign .bid-info.error { color: red; }
 .campaign .buttons { float:right; }
@@ -5444,7 +5454,7 @@ div #campaign-field {
 .create-promo {
     float: left;
     margin: 5px 20px 0 5px;
-    width: 620px;
+    width: 650px;
 }
 
 .create-promo .infobar { 
@@ -5494,8 +5504,15 @@ div #campaign-field {
     }
 }
 
-.existing-campaigns th button.new-campaign {
-    margin: 3px 0;
+.existing-campaigns {
+    th button.new-campaign {
+        margin: 3px 0;
+        white-space: nowrap;
+    }
+
+    .campaign {
+        border: 0;
+    }
 }
 
 .create-promo .hidden { display: none; }

r2/r2/templates/renderablecampaign.html

@@ -106,11 +106,14 @@
     %endif
   </td>
 
-  <td class="campaign-target">
-    ${'/r/%s' % thing.campaign.sr_name if thing.campaign.sr_name else _('frontpage')}
+  <%
+  campaign_target = '/r/%s' % thing.campaign.sr_name if thing.campaign.sr_name else _('frontpage')
+  %>
+  <td class="campaign-target" title="${campaign_target}">
+    ${campaign_target}
   </td>
 
-  <td class="campaign-location">
+  <td class="campaign-location" title="${thing.location_str}">
     ${thing.location_str}
   </td>