.click-heading {
   cursor: pointer;
}

.width-limit {
   max-width: 350px;
   margin: 0px -1px; // This is to compensate for the 1px border on the column
}

.info-tag {
   padding-right: 10px;
   font-weight: bold;
}

.info-tag > a:hover {
   text-decoration: none;
}

.avatar {
   width: @avatar-width;
}

button.navbar-btn {
   margin:8px;
}

@avatar-width: 22px;

.click-heading {
   cursor: pointer;

   @media @mobile {
      padding: 15px;
   }
}

.width-limit {
   max-width: 350px;
   margin: 0px -1px; // This is to compensate for the 1px border on the column
}

.info-tag {
   padding-right: 10px;
   font-weight: bold;
}

.info-tag > a:hover {
   text-decoration: none;
}

.avatar {
   width: @avatar-width;
}

button.navbar-btn {
   margin:8px;
}

@avatar-width: 22px;

Make column headings larger on mobile view
Make column headings larger on mobile view

This makes it easier to click on the headings, and not the pull beneath it.
