@import "bootstrap/variables";
@import "bootstrap/mixins";

.top-fact {
  position: relative;
  border: 1px solid @mutedBorderColor;
  border-radius: 4px;
  box-shadow: 0px 1px rgba(0,0,0,0.2);
}

.top-fact-avatar {
  position: absolute;
  top: -10px;
  left: 35px;
}

.top-fact-text {
  padding: 35px 35px 20px;
  font-size: @topFactFontSize;
  line-height: @topFactFontSize * 1.5;
}

.top-fact-controls {
  padding: 0 35px 25px;
}

.top-fact-wheel {
  position: absolute;
  left: 50%;
  bottom: -10px;

  // TODO: remove this and style properly
  width: 50px;
  margin-left: -25px;
  text-align: center;
}

@import "bootstrap/variables";
@import "bootstrap/mixins";

.top-fact {
  position: relative;
  border: 1px solid @mutedBorderColor;
  border-radius: 4px;
  box-shadow: 0px 1px rgba(0,0,0,0.2);
  padding: 35px;
  background:white;
}

.top-fact-avatar {
  position: absolute;
  top: -10px;
  left: 35px;
}

.top-fact-text {
  font-size: @topFactFontSize;
  line-height: @topFactFontSize * 1.5;
}

.top-fact-controls {
  padding: 0 35px 25px;
}

.top-fact-wheel {
  position: absolute;
  left: 50%;
  bottom: -10px;

  // TODO: remove this and style properly
  width: 50px;
  margin-left: -25px;
  text-align: center;
}

Move padding into top-fact-box out of top fact text so it's easy to align other things with that padding.
Move padding into top-fact-box out of top fact text so it's easy to align other things with that padding.
