argos/dmp-frontend/src/app/ui/dashboard/recent-edited-activity/recent-edited-activity.component.html

<div class="card">
  <div class="card-header card-header-plain">
    <div class="card-desc">
      <h4 class="card-title">
        LAST EDITED DATA MANAGEMENT PLAN
      </h4>
      <p class="card-category">
        The DMPs below are public under the ## license of
      </p>
    </div>
    <a href="#" class="view-all">VIEW ALL</a>
  </div>
  <div class="card-body table-responsive">
    <table class="table table-hover">
      <thead class="text-default">
        <th>NAME</th>
        <th>TEMPLATE</th>
        <th>PROJECT</th>
        <th>ROLE</th>
        <th>ORGANIZATION</th>
        <th>STATUS</th>
        <th>VISITED</th>
        <th></th>
      </thead>
      <tbody>
        <tr>
          <td>DMP Name</td>
          <td>
            <ul
              class="nav max-width-136 md-pills nav-justified pills-rounded pills-outline-blue"
            >
              <li class="nav-item">
                <a
                  class="nav-link active"
                  data-toggle="tab"
                  href="#"
                  role="tab"
                  >Template name</a
                >
              </li>
            </ul>
          </td>
          <td>Project Name</td>
          <td>Role Name</td>
          <td>Organization Name</td>
          <td>PRIVATE</td>
          <td>01.01.2019</td>
          <td><i class="material-icons more-icon">more_horiz</i></td>
        </tr>
        <tr>
          <td>DMP Name</td>
          <td>
            <ul
              class="nav max-width-136 md-pills nav-justified pills-rounded pills-outline-blue"
            >
              <li class="nav-item">
                <a
                  class="nav-link active"
                  data-toggle="tab"
                  href="#"
                  role="tab"
                  >Template name</a
                >
              </li>
            </ul>
          </td>
          <td>Project Name</td>
          <td>Role Name</td>
          <td>Organization Name</td>
          <td style="padding-left: 0px;">
            <ul
              class="nav max-width-80 md-pills nav-justified pills-rounded pills-outline-green"
            >
              <li class="nav-item">
                <a
                  class="nav-link active"
                  data-toggle="tab"
                  href="#"
                  role="tab"
                  >PUBLIC</a
                >
              </li>
            </ul>
          </td>
          <td>01.01.2019</td>
          <td><i class="material-icons more-icon">more_horiz</i></td>
        </tr>
        <tr>
          <td>DMP Name</td>
          <td>
            <ul
              class="nav max-width-136 md-pills nav-justified pills-rounded pills-outline-blue"
            >
              <li class="nav-item">
                <a
                  class="nav-link active"
                  data-toggle="tab"
                  href="#"
                  role="tab"
                  >Template name</a
                >
              </li>
            </ul>
          </td>
          <td>Project Name</td>
          <td>Role Name</td>
          <td>Organization Name</td>
          <td>PRIVATE</td>
          <td>01.01.2019</td>
          <td><i class="material-icons more-icon">more_horiz</i></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>