'use strict'
module.exports = {
  truncate: {
    'white-space': 'nowrap',
    'overflow': 'hidden',
    'text-overflow': 'ellipsis',
    'margin-right': '5px'
  },
  font: {
    'font-family': 'arial,sans-serif'
  },
  innerShift: {
    'padding': '2px',
    'margin-left': '10px'
  },
  container: {
    'margin': '10px',
    'padding': '5px'
  },
  statusMessage: {
    'margin-left': '15px'
  },
  address: {
    'font-style': 'italic'
  },
  instructionsList: {
    'width': '52%',
    'overflow-y': 'scroll',
    'max-height': '250px',
    'margin': '0',
    'margin-left': '10px',
    'padding': '2px'
  },
  transactionInfo: {
    'margin-top': '5px'
  },
  panel: {
    container: {
      'border': '1px solid',
      'width': '70%'
    },
    tableContainer: {
      'height': '50%',
      'overflow-y': 'auto'
    },
    table: {
      'padding': '5px'
    },
    title: {
      'padding': '5px',
      'font-style': 'italic'
    }
  },
  hidden: {
    'display': 'none'
  },
  display: {
    'display': 'block'
  },
  inline: {
    'display': 'inline-block'
  },
  vmargin: {
    'margin-top': '10px',
    'margin-bottom': '10px'
  },
  button: {
    'border-color': 'transparent',
    'border-radius': '3px',
    'border': '.3px solid ${colors.veryLightGrey}',
    'cursor': 'pointer',
    'min-height': '25px',
    'max-height': '25px',
    'padding': '3px',
    'min-width': '100px',
    'font-size': '12px',
    'overflow': 'hidden',
    'word-break': 'normal',
    'background-color': 'hsla(0, 0%, 40%, .2)',
    'color': 'hsla(0, 0%, 40%, 1)',
    'margin': '3px',
    'text-decoration': 'none'
  }
}
