.navibar {
  position: relative;
  width: 100%;  
}

.refresh-btn {
  position: absolute;
  right:20%;
  top:50%;
}

.table{
  width:100%;
  table-layout: inherit;
}

.checked-true {
  text-decoration: line-through;
  color: black;
  background-color: rgba(0, 128, 0, 0.50);
  border-radius: 10px;
  margin: 5px 
}

.checked-false {
  color: black;
  background-color: rgba(255, 255, 0, 0.25);
  border-radius: 10px;
  margin: 5px 
}

.claimedby-Alex {
  background-color: rgba(57, 60, 212, 0.60);
  font-size:80%;
  position: center;
}

.claimedby-Diane {
  position:center;
  font-size:80%;
  background-color: rgba(173, 12, 66, 0.65);
}

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .btn-responsive {
    padding: 2px 4px;
    font-size:80%
  }
}