Merge pull request #1325 from alphagov/bigger-click-areas-templates

Make click areas bigger on choose template page

app/assets/stylesheets/components/message.scss

@@ -3,32 +3,19 @@
   &-name {
     @include bold-24;
     margin: 20px 0 5px 0;
-  }
-
-  &-updated-at {
-    @include copy-16;
-    color: $secondary-text-colour;
-    margin: 0 0 5px 0;
-  }
-
-  &-use-links {
-
-    @include copy-16;
-    margin-top: -7px;
-    color: $secondary-text-colour;
 
     a {
-      @include core-19;
       display: block;
-      margin-bottom: 5px;
-      text-decoration: none;
-
-      &:hover {
-        text-decoration: underline;
-      }
-
+      margin-bottom: -$gutter;
+      padding-bottom: $gutter;
     }
 
   }
 
+  &-type {
+    color: $secondary-text-colour;
+    margin-bottom: $gutter / 3;
+    pointer-events: none;
+  }
+
 }

app/templates/views/templates/choose.html

@@ -64,7 +64,7 @@
           <h2 class="message-name">
             <a href="{{ url_for('.view_template', service_id=current_service.id, template_id=template.id) }}">{{ template.name }}</a>
           </h2>
-          <p class="hint bottom-gutter-1-3">
+          <p class="message-type">
             {{ message_count_label(1, template.template_type, suffix='')|capitalize }} template
           </p>
         </div>