jrtechs-sugarizer-lite/activities/Stopwatch.activity/css/activity.css

#main-toolbar #activity-button {
  background-image: url(../activity/activity-icon.svg);
}

ul {
    padding: 0;
    margin: 0;
}

#stopwatch-app {
  text-align: center;
  margin: 0 55px;
}

#stopwatch-list {
  text-align: left;
  margin-top: 11px;
  margin-bottom: 11px;
}

#stopwatch-list li {
  position: relative;
  padding-bottom: 128px;
  border-bottom: 1px solid black;
}

#stopwatch-list li p {
  line-height: 1.2;
}

.counter, .marks {
  display: inline-block;
  transform: translateY(35%);
}

.marks {
  font-size: 30px;
}

.counter {
  margin-left: 22px;
  font-weight: bold;
  font-size: 30px;
}

.buttons-group {
  display: inline-block;
  transform: translateY(15%);
}

.buttons-group button {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.buttons-group button:first-child {
  border-radius: 22px 0 0 22px;
  margin-right: 0;
}

.buttons-group button:last-child {
  border-radius: 0 22px 22px 0;
  margin-left: 0;
}

button.remove {
  position: absolute;
  top: 10%;
  right: 0;
  width: 84px;
  height: 84px;
  background-color: transparent;
  background-position: center;
  background-size: 44px 44px;
  background-repeat: no-repeat;
  background-image: url(../icons/list-remove.svg);
  border: 0;
  border-radius: 0;
}

#add-stopwatch {
  width: 168px;
  height: 84px;
  background-position: center;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-image: url(../icons/list-add.svg);
}

/* Only for stopwatch */
.buttons-group button {
  margin-top: 5.5px;
  height: 66px;
  width: 66px;
  padding: 0;
  background-position: center;
  background-size: 44px 44px;
  background-repeat: no-repeat;
}

.buttons-group button:first-child {
  padding-left: 11px;
}

.buttons-group button:last-child {
  padding-right: 11px;
}

.buttons-group button.start {
  background-image: url(../icons/media-playback-start.svg);
}

.buttons-group button.stop {
  background-image: url(../icons/media-playback-pause.svg);
}

.buttons-group button.reset-button {
  background-image: url(../icons/media-playback-reset.svg);
}

.buttons-group button.mark-button {
  background-image: url(../icons/edit-mark.svg);
}

.buttons-group button.clear-marks-button {
  background-image: url(../icons/edit-clear.svg);
}